@fremtind/jokul 0.24.0 → 0.25.0

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, { FC, FieldsetHTMLAttributes } from \"react\";\nimport type { Density, DataTestAutoId } from \"../../core\";\nimport { useId } from \"../../hooks\";\nimport { PopupTip, type PopupTipProps } from \"../tooltip\";\nimport { Label, type LabelProps } from \"./Label\";\nimport { SupportLabel, type SupportLabelProps } from \"./SupportLabel\";\n\nexport interface FieldGroupProps extends DataTestAutoId, FieldsetHTMLAttributes<HTMLFieldSetElement> {\n    legend: string;\n    labelProps?: Omit<LabelProps, \"children\" | \"density\">;\n    supportLabelProps?: Omit<SupportLabelProps, \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\">;\n    tooltipProps?: PopupTipProps;\n    className?: string;\n    helpLabel?: string;\n    errorLabel?: string;\n    density?: Density;\n}\n\nexport const FieldGroup: FC<FieldGroupProps> = (props) => {\n    const {\n        id,\n        legend,\n        labelProps,\n        supportLabelProps,\n        tooltipProps,\n        className,\n        children,\n        helpLabel,\n        errorLabel,\n        density,\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 ? \"error\" : helpLabel ? \"help\" : 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                    {!tooltipProps && legend}\n                    {tooltipProps && (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>{legend}</span>\n                            {`\\u00A0`}\n                            <PopupTip {...tooltipProps} />\n                        </>\n                    )}\n                </Label>\n            </legend>\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","tooltipProps","className","children","helpLabel","errorLabel","density","testAutoId","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","describedBy","jsxs","clsx","jsx","Label","Fragment","style","whiteSpace","PopupTip","SupportLabel","label","labelType"],"mappings":"wcAmBa,MAAAA,EAAmCC,IACtC,MACFC,GAAAA,EACAC,OAAAA,EACAC,WAAAA,EACAC,kBAAAA,EACAC,aAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACA,kBAAmBC,KAChBC,GACHZ,EAEEa,EAAMC,EAAMb,GAAM,kBAAmB,CAAEc,gBAAiBd,IACxDe,EAAY,GAAGH,kBAEfI,EAAcR,GAAcD,EAC5BU,EAAkBT,EAAa,QAAUD,EAAY,YAAS,EAE9DW,EAAcF,EAAcD,OAAY,EAG1C,OAAAI,EAAC,WAAA,CACGnB,GAAIY,EACJP,UAAWe,EAAK,kBAAmBf,GACnC,kBAAiBK,KACbC,EACJ,mBAAkBO,EAClB,eAAcT,EAEdH,SAAA,CAAAe,EAAC,UAAOhB,UAAU,0BACdC,WAACgB,EAAO,IAAGpB,EAAYO,QAAAA,EAClBH,SAAA,EAACF,GAAgBH,EACjBG,GAEOe,EAAAI,EAAA,CAAAjB,SAAA,CAAAe,EAAC,QAAKG,MAAO,CAAEC,WAAY,UAAanB,SAAOL,IAC9C,IACDoB,EAACK,EAAU,IAAGtB,YAK7BE,GACCC,GAAaC,IACXa,EAACM,EAAA,IACOxB,EACJyB,MAAOZ,EACPa,UAAWZ,EACXjB,GAAIe,EACJN,QAAAA,MACJ"}
+{"version":3,"file":"FieldGroup.js","sources":["../../../../src/components/input-group/FieldGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC, FieldsetHTMLAttributes } from \"react\";\nimport { DataTestAutoId, Density } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { PopupTip, PopupTipProps } from \"../tooltip/PopupTip.js\";\nimport { Label, LabelProps } from \"./Label.js\";\nimport { SupportLabel, SupportLabelProps } from \"./SupportLabel.js\";\n\nexport interface FieldGroupProps extends DataTestAutoId, FieldsetHTMLAttributes<HTMLFieldSetElement> {\n    legend: string;\n    labelProps?: Omit<LabelProps, \"children\" | \"density\">;\n    supportLabelProps?: Omit<SupportLabelProps, \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\">;\n    tooltipProps?: PopupTipProps;\n    className?: string;\n    helpLabel?: string;\n    errorLabel?: string;\n    density?: Density;\n}\n\nexport const FieldGroup: FC<FieldGroupProps> = (props) => {\n    const {\n        id,\n        legend,\n        labelProps,\n        supportLabelProps,\n        tooltipProps,\n        className,\n        children,\n        helpLabel,\n        errorLabel,\n        density,\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 ? \"error\" : helpLabel ? \"help\" : 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                    {!tooltipProps && legend}\n                    {tooltipProps && (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>{legend}</span>\n                            {`\\u00A0`}\n                            <PopupTip {...tooltipProps} />\n                        </>\n                    )}\n                </Label>\n            </legend>\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","tooltipProps","className","children","helpLabel","errorLabel","density","testAutoId","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","describedBy","jsxs","clsx","jsx","Label","Fragment","style","whiteSpace","PopupTip","SupportLabel","label","labelType"],"mappings":"uSAmBa,MAAAA,EAAmCC,IACtC,MACFC,GAAAA,EACAC,OAAAA,EACAC,WAAAA,EACAC,kBAAAA,EACAC,aAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACA,kBAAmBC,KAChBC,GACHZ,EAEEa,EAAMC,EAAMb,GAAM,kBAAmB,CAAEc,gBAAiBd,IACxDe,EAAY,GAAGH,kBAEfI,EAAcR,GAAcD,EAC5BU,EAAkBT,EAAa,QAAUD,EAAY,YAAS,EAE9DW,EAAcF,EAAcD,OAAY,EAG1C,OAAAI,EAAC,WAAA,CACGnB,GAAIY,EACJP,UAAWe,EAAK,kBAAmBf,GACnC,kBAAiBK,KACbC,EACJ,mBAAkBO,EAClB,eAAcT,EAEdH,SAAA,CAAAe,EAAC,UAAOhB,UAAU,0BACdC,WAACgB,EAAO,IAAGpB,EAAYO,QAAAA,EAClBH,SAAA,EAACF,GAAgBH,EACjBG,GAEOe,EAAAI,EAAA,CAAAjB,SAAA,CAAAe,EAAC,QAAKG,MAAO,CAAEC,WAAY,UAAanB,SAAOL,IAC9C,IACDoB,EAACK,EAAU,IAAGtB,YAK7BE,GACCC,GAAaC,IACXa,EAACM,EAAA,IACOxB,EACJyB,MAAOZ,EACPa,UAAWZ,EACXjB,GAAIe,EACJN,QAAAA,MACJ"}

package/build/es/components/input-group/InputGroup.d.ts

@@ -0,0 +1,40 @@
+import { default as React, CSSProperties, ReactNode } from 'react';
+import { DataTestAutoId, Density, WithOptionalChildren } from '../../core/types.js';
+import { PopupTipProps } from '../tooltip/PopupTip.js';
+import { LabelProps } from './Label.js';
+import { SupportLabelProps } from './SupportLabel.js';
+export interface InputProps {
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+    id?: string;
+}
+export type InputGroupProps = WithOptionalChildren & DataTestAutoId & {
+    id?: string;
+    className?: string;
+    "data-testid"?: string;
+    density?: Density;
+    errorLabel?: ReactNode;
+    helpLabel?: ReactNode;
+    inline?: boolean;
+    label: ReactNode;
+    labelProps?: Omit<LabelProps, "children" | "density">;
+    supportLabelProps?: Omit<SupportLabelProps, "id" | "errorLabel" | "helpLabel" | "density">;
+    tooltipProps?: PopupTipProps;
+    style?: CSSProperties;
+    render?: (props: InputProps) => JSX.Element;
+};
+export declare const InputGroup: React.ForwardRefExoticComponent<WithOptionalChildren & DataTestAutoId & {
+    id?: string | undefined;
+    className?: string | undefined;
+    "data-testid"?: string | undefined;
+    density?: Density | undefined;
+    errorLabel?: ReactNode;
+    helpLabel?: ReactNode;
+    inline?: boolean | undefined;
+    label: ReactNode;
+    labelProps?: Omit<LabelProps, "density" | "children"> | undefined;
+    supportLabelProps?: Omit<SupportLabelProps, "density" | "id" | "helpLabel" | "errorLabel"> | undefined;
+    tooltipProps?: PopupTipProps | undefined;
+    style?: React.CSSProperties | undefined;
+    render?: ((props: InputProps) => JSX.Element) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import t,{forwardRef as l}from"react";import"../../hooks/useScreen/useScreen.js";import{useId as s}from"../../hooks/useId/useId.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import{PopupTip as p}from"../tooltip/PopupTip.js";import{Label as a}from"./Label.js";import{SupportLabel as n}from"./SupportLabel.js";const d=l(((l,d)=>{const{className:m,children:u,density:c,errorLabel:j,helpLabel:b,inline:h,label:f,labelProps:y,render:v,supportLabelProps:L,tooltipProps:S,id:T,...g}=l,k=s(T||"jkl-input",{generateSuffix:!T}),x=s("jkl-support-label"),I=j||b,P=j?"error":b?"help":void 0,w={"aria-describedby":I?x:void 0,"aria-invalid":!!j||void 0,id:k},N=v?()=>v(w):()=>{const e=t.Children.toArray(l.children)[0];if(t.isValidElement(e))return t.cloneElement(e,{...w,...e.props})};return e("div",{ref:d,className:i(m,"jkl-input-group",{"jkl-input-group--inline":h}),"data-density":c,...g,children:[e(a,{standAlone:!0,htmlFor:k,srOnly:h,...y,style:{whiteSpace:S?"nowrap":void 0,...null==y?void 0:y.style},density:c,children:[!S&&f,S&&e(r,{children:[o("span",{style:{whiteSpace:"normal"},children:f})," ",o(p,{...S})]})]}),N(),o(n,{srOnly:h,...L,label:I,labelType:P,id:x,density:c})]})}));d.displayName="InputGroup";export{d as InputGroup};
+import{jsxs as e,Fragment as r,jsx as l}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import i,{forwardRef as s}from"react";import{useId as a}from"../../hooks/useId/useId.js";import{PopupTip as p}from"../tooltip/PopupTip.js";import{Label as t}from"./Label.js";import{SupportLabel as n}from"./SupportLabel.js";const d=s(((s,d)=>{const{className:m,children:u,density:c,errorLabel:b,helpLabel:f,inline:h,label:y,labelProps:j,render:v,supportLabelProps:L,tooltipProps:x,id:k,...I}=s,P=a(k||"jkl-input",{generateSuffix:!k}),S=a("jkl-support-label"),g=b||f,w=b?"error":f?"help":void 0,N={"aria-describedby":g?S:void 0,"aria-invalid":!!b||void 0,id:P},T=v?()=>v(N):()=>{const e=i.Children.toArray(s.children)[0];if(i.isValidElement(e))return i.cloneElement(e,{...N,...e.props})};return e("div",{ref:d,className:o(m,"jkl-input-group",{"jkl-input-group--inline":h}),"data-density":c,...I,children:[e(t,{standAlone:!0,htmlFor:P,srOnly:h,...j,style:{whiteSpace:x?"nowrap":void 0,...null==j?void 0:j.style},density:c,children:[!x&&y,x&&e(r,{children:[l("span",{style:{whiteSpace:"normal"},children:y})," ",l(p,{...x})]})]}),T(),l(n,{srOnly:h,...L,label:g,labelType:w,id:S,density:c})]})}));d.displayName="InputGroup";export{d 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, type CSSProperties, type ReactNode } from \"react\";\nimport { type WithOptionalChildren, type Density, type DataTestAutoId } from \"../../core\";\nimport { useId } from \"../../hooks\";\nimport { PopupTip, type PopupTipProps } from \"../tooltip\";\nimport { Label, type LabelProps } from \"./Label\";\nimport { SupportLabel, type SupportLabelProps } from \"./SupportLabel\";\n\nexport interface InputProps {\n    \"aria-describedby\"?: string;\n    \"aria-invalid\"?: boolean;\n    id?: string;\n}\n\nexport type InputGroupProps = WithOptionalChildren &\n    DataTestAutoId & {\n        id?: string;\n        className?: string;\n        \"data-testid\"?: string;\n        density?: Density;\n        errorLabel?: ReactNode;\n        helpLabel?: ReactNode;\n        inline?: boolean;\n        label: ReactNode;\n        labelProps?: Omit<LabelProps, \"children\" | \"density\">;\n        supportLabelProps?: Omit<SupportLabelProps, \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\">;\n        tooltipProps?: PopupTipProps;\n        style?: CSSProperties;\n        render?: (props: InputProps) => JSX.Element;\n    };\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>((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        tooltipProps,\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 supportText = errorLabel || helpLabel;\n    const supportTextType = errorLabel ? \"error\" : helpLabel ? \"help\" : undefined;\n\n    const describedBy = supportText ? supportId : undefined;\n\n    const inputProps: InputProps = {\n        \"aria-describedby\": describedBy,\n        \"aria-invalid\": Boolean(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={{ whiteSpace: tooltipProps ? \"nowrap\" : undefined, ...labelProps?.style }}\n                density={density}\n            >\n                {!tooltipProps && label}\n                {tooltipProps && (\n                    <>\n                        <span style={{ whiteSpace: \"normal\" }}>{label}</span>\n                        {`\\u00A0`}\n                        <PopupTip {...tooltipProps} />\n                    </>\n                )}\n            </Label>\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\nInputGroup.displayName = \"InputGroup\";\n"],"names":["InputGroup","forwardRef","props","ref","className","children","density","errorLabel","helpLabel","inline","label","labelProps","render","supportLabelProps","tooltipProps","id","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","inputProps","renderInput","input","React","Children","toArray","isValidElement","cloneElement","jsxs","clsx","Label","standAlone","htmlFor","srOnly","style","whiteSpace","Fragment","jsx","PopupTip","SupportLabel","labelType","displayName"],"mappings":"geA+BO,MAAMA,EAAaC,GAA4C,CAACC,EAAOC,KACpE,MACFC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,kBAAAA,EACAC,aAAAA,EACAC,GAAAA,KACGC,GACHd,EAEEe,EAAMC,EAAMH,GAAM,YAAa,CAAEI,gBAAiBJ,IAClDK,EAAYF,EAAM,qBAElBG,EAAcd,GAAcC,EAC5Bc,EAAkBf,EAAa,QAAUC,EAAY,YAAS,EAI9De,EAAyB,CAC3B,mBAHgBF,EAAcD,OAAY,EAI1C,iBAAwBb,QAAqB,EAC7CQ,GAAIE,GAGFO,EAAcZ,EACd,IAAMA,EAAOW,GACb,KACI,MAAME,EAAQC,EAAMC,SAASC,QAAQ1B,EAAMG,UAAU,GAEhDqB,GAAAA,EAAMG,eAA2BJ,GAE/BC,OAAAA,EAAMI,aAAyBL,EAAO,IACtCF,KACAE,EAAMvB,OACZ,EAIP,OAAA6B,EAAC,MAAA,CACG5B,IAAAA,EACAC,UAAW4B,EAAK5B,EAAW,kBAAmB,CAC1C,0BAA2BK,IAE/B,eAAcH,KACVU,EAEJX,SAAA,CAAA0B,EAACE,EAAA,CACGC,YAAU,EACVC,QAASlB,EACTmB,OAAQ3B,KACJE,EACJ0B,MAAO,CAAEC,WAAYxB,EAAe,cAAW,KAAc,MAAAH,OAAAA,EAAAA,EAAY0B,OACzE/B,QAAAA,EAECD,SAAA,EAACS,GAAgBJ,EACjBI,GAEOiB,EAAAQ,EAAA,CAAAlC,SAAA,CAAAmC,EAAC,QAAKH,MAAO,CAAEC,WAAY,UAAajC,SAAMK,IAC7C,IACD8B,EAACC,EAAU,IAAG3B,UAIzBU,IACDgB,EAACE,EAAA,CACGN,OAAQ3B,KACJI,EACJH,MAAOW,EACPsB,UAAWrB,EACXP,GAAIK,EACJd,QAAAA,MACJ,IAKZN,EAAW4C,YAAc"}
+{"version":3,"file":"InputGroup.js","sources":["../../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, type CSSProperties, type ReactNode } from \"react\";\nimport { DataTestAutoId, Density, WithOptionalChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { PopupTip, PopupTipProps } from \"../tooltip/PopupTip.js\";\nimport { Label, LabelProps } from \"./Label.js\";\nimport { SupportLabel, SupportLabelProps } from \"./SupportLabel.js\";\n\nexport interface InputProps {\n    \"aria-describedby\"?: string;\n    \"aria-invalid\"?: boolean;\n    id?: string;\n}\n\nexport type InputGroupProps = WithOptionalChildren &\n    DataTestAutoId & {\n        id?: string;\n        className?: string;\n        \"data-testid\"?: string;\n        density?: Density;\n        errorLabel?: ReactNode;\n        helpLabel?: ReactNode;\n        inline?: boolean;\n        label: ReactNode;\n        labelProps?: Omit<LabelProps, \"children\" | \"density\">;\n        supportLabelProps?: Omit<SupportLabelProps, \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\">;\n        tooltipProps?: PopupTipProps;\n        style?: CSSProperties;\n        render?: (props: InputProps) => JSX.Element;\n    };\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>((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        tooltipProps,\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 supportText = errorLabel || helpLabel;\n    const supportTextType = errorLabel ? \"error\" : helpLabel ? \"help\" : undefined;\n\n    const describedBy = supportText ? supportId : undefined;\n\n    const inputProps: InputProps = {\n        \"aria-describedby\": describedBy,\n        \"aria-invalid\": Boolean(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={{ whiteSpace: tooltipProps ? \"nowrap\" : undefined, ...labelProps?.style }}\n                density={density}\n            >\n                {!tooltipProps && label}\n                {tooltipProps && (\n                    <>\n                        <span style={{ whiteSpace: \"normal\" }}>{label}</span>\n                        {`\\u00A0`}\n                        <PopupTip {...tooltipProps} />\n                    </>\n                )}\n            </Label>\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\nInputGroup.displayName = \"InputGroup\";\n"],"names":["InputGroup","forwardRef","props","ref","className","children","density","errorLabel","helpLabel","inline","label","labelProps","render","supportLabelProps","tooltipProps","id","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","inputProps","renderInput","input","React","Children","toArray","isValidElement","cloneElement","jsxs","clsx","Label","standAlone","htmlFor","srOnly","style","whiteSpace","Fragment","jsx","PopupTip","SupportLabel","labelType","displayName"],"mappings":"6UA+BO,MAAMA,EAAaC,GAA4C,CAACC,EAAOC,KACpE,MACFC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,kBAAAA,EACAC,aAAAA,EACAC,GAAAA,KACGC,GACHd,EAEEe,EAAMC,EAAMH,GAAM,YAAa,CAAEI,gBAAiBJ,IAClDK,EAAYF,EAAM,qBAElBG,EAAcd,GAAcC,EAC5Bc,EAAkBf,EAAa,QAAUC,EAAY,YAAS,EAI9De,EAAyB,CAC3B,mBAHgBF,EAAcD,OAAY,EAI1C,iBAAwBb,QAAqB,EAC7CQ,GAAIE,GAGFO,EAAcZ,EACd,IAAMA,EAAOW,GACb,KACI,MAAME,EAAQC,EAAMC,SAASC,QAAQ1B,EAAMG,UAAU,GAEhDqB,GAAAA,EAAMG,eAA2BJ,GAE/BC,OAAAA,EAAMI,aAAyBL,EAAO,IACtCF,KACAE,EAAMvB,OACZ,EAIP,OAAA6B,EAAC,MAAA,CACG5B,IAAAA,EACAC,UAAW4B,EAAK5B,EAAW,kBAAmB,CAC1C,0BAA2BK,IAE/B,eAAcH,KACVU,EAEJX,SAAA,CAAA0B,EAACE,EAAA,CACGC,YAAU,EACVC,QAASlB,EACTmB,OAAQ3B,KACJE,EACJ0B,MAAO,CAAEC,WAAYxB,EAAe,cAAW,KAAc,MAAAH,OAAAA,EAAAA,EAAY0B,OACzE/B,QAAAA,EAECD,SAAA,EAACS,GAAgBJ,EACjBI,GAEOiB,EAAAQ,EAAA,CAAAlC,SAAA,CAAAmC,EAAC,QAAKH,MAAO,CAAEC,WAAY,UAAajC,SAAMK,IAC7C,IACD8B,EAACC,EAAU,IAAG3B,UAIzBU,IACDgB,EAACE,EAAA,CACGN,OAAQ3B,KACJI,EACJH,MAAOW,EACPsB,UAAWrB,EACXP,GAAIK,EACJd,QAAAA,MACJ,IAKZN,EAAW4C,YAAc"}

package/build/es/components/input-group/Label.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, FC } from 'react';
+import { Density, WithChildren } from '../../core/types.js';
+export type LabelVariant = "small" | "medium" | "large";
+export interface LabelProps extends WithChildren {
+    id?: string;
+    variant?: LabelVariant;
+    density?: Density;
+    srOnly?: boolean;
+    standAlone?: boolean;
+    htmlFor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Label: FC<LabelProps>;

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 CSSProperties, type FC } from \"react\";\nimport type { WithChildren, Density } from \"../../core\";\n\nexport type LabelVariant = \"small\" | \"medium\" | \"large\";\n\nexport interface LabelProps extends WithChildren {\n    id?: string;\n    variant?: LabelVariant;\n    density?: Density;\n    srOnly?: boolean;\n    standAlone?: boolean;\n    htmlFor?: string;\n    className?: string;\n    style?: CSSProperties;\n}\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 {...rest} className={labelClassNames} htmlFor={htmlFor} data-density={density}>\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":"sFAiBO,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,MAAMH,EAAMD,UAAWE,EAAiBH,QAAAA,EAAkB,eAAcJ,EACpEE,SAAAA,GACL"}
+{"version":3,"file":"Label.js","sources":["../../../../src/components/input-group/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type CSSProperties, type FC } from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\n\nexport type LabelVariant = \"small\" | \"medium\" | \"large\";\n\nexport interface LabelProps extends WithChildren {\n    id?: string;\n    variant?: LabelVariant;\n    density?: Density;\n    srOnly?: boolean;\n    standAlone?: boolean;\n    htmlFor?: string;\n    className?: string;\n    style?: CSSProperties;\n}\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 {...rest} className={labelClassNames} htmlFor={htmlFor} data-density={density}>\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":"sFAiBO,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,MAAMH,EAAMD,UAAWE,EAAiBH,QAAAA,EAAkB,eAAcJ,EACpEE,SAAAA,GACL"}

package/build/es/components/input-group/SupportLabel.d.ts

@@ -0,0 +1,61 @@
+import { FC, ReactNode } from 'react';
+import { Density } from '../../core/types.js';
+export type SupportLabelType = "help" | "error" | "warning" | "success";
+export interface SupportLabelProps {
+    /**
+     * En ID er påkrevd for å kunne referere til SupportLabel med aria-describedby.
+     *
+     * @example
+     *  ```tsx
+     *  const uid = useId();
+     *  const supportId = useId();
+     *  const hasSupportText = helpLabel || errorLabel;
+     *  const describedBy = hasSupportText ? supportId : undefined;
+     *
+     *  return (
+     *    <div>
+     *      <Label standAlone htmlFor={uid}>
+     *        Velg en tekst
+     *      </Label>
+     *      <select
+     *        id={uid}
+     *        aria-describedby={describedBy}
+     *      >
+     *        <option value="e">Example</option>
+     *      </select>
+     *      <SupportLabel
+     *        id={supportId}
+     *        label={errorLabel}
+     *        labelType="error"
+     *        density={density}
+     *      />
+     *    </div>
+     *  );
+     *  ```
+     */
+    id: string;
+    /**
+     * @deprecated Bruk `label` for å få samme resultat.
+     */
+    helpLabel?: ReactNode;
+    /**
+     * @deprecated Bruk `label` og `labelType="warning"` for å få samme resultat.
+     */
+    errorLabel?: ReactNode;
+    label?: ReactNode;
+    /**
+     * Bestemmer hvilket ikon som skal vises:
+     *
+     * - "help" viser ikke noe ikon
+     * - "warning" viser WarningIcon, det som tidligere ble vist med `errorLabel`
+     * - "error" viser ErrorIcon
+     * - "success" viser SuccessIcon
+     *
+     * @default "help"
+     */
+    labelType?: SupportLabelType;
+    density?: Density;
+    className?: string;
+    srOnly?: boolean;
+}
+export declare const SupportLabel: FC<SupportLabelProps>;

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, type ReactNode } from \"react\";\nimport { type Density } from \"../../core\";\nimport { ErrorIcon, SuccessIcon, WarningIcon } from \"../icon\";\n\nexport type SupportLabelType = \"help\" | \"error\" | \"warning\" | \"success\";\n\nexport interface SupportLabelProps {\n    /**\n     * En ID er påkrevd for å kunne referere til SupportLabel med aria-describedby.\n     *\n     * @example\n     *  ```tsx\n     *  const uid = useId();\n     *  const supportId = useId();\n     *  const hasSupportText = helpLabel || errorLabel;\n     *  const describedBy = hasSupportText ? supportId : undefined;\n     *\n     *  return (\n     *    <div>\n     *      <Label standAlone htmlFor={uid}>\n     *        Velg en tekst\n     *      </Label>\n     *      <select\n     *        id={uid}\n     *        aria-describedby={describedBy}\n     *      >\n     *        <option value=\"e\">Example</option>\n     *      </select>\n     *      <SupportLabel\n     *        id={supportId}\n     *        label={errorLabel}\n     *        labelType=\"error\"\n     *        density={density}\n     *      />\n     *    </div>\n     *  );\n     *  ```\n     */\n    id: string;\n    /**\n     * @deprecated Bruk `label` for å få samme resultat.\n     */\n    helpLabel?: ReactNode;\n    /**\n     * @deprecated Bruk `label` og `labelType=\"warning\"` for å få samme resultat.\n     */\n    errorLabel?: ReactNode;\n    label?: ReactNode;\n    /**\n     * Bestemmer hvilket ikon som skal vises:\n     *\n     * - \"help\" viser ikke noe ikon\n     * - \"warning\" viser WarningIcon, det som tidligere ble vist med `errorLabel`\n     * - \"error\" viser ErrorIcon\n     * - \"success\" viser SuccessIcon\n     *\n     * @default \"help\"\n     */\n    labelType?: SupportLabelType;\n    density?: Density;\n    className?: string;\n    srOnly?: boolean;\n}\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 id={id} className={componentClassName} {...restProps} data-density={density}>\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":"m+CAiEO,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,QAAKd,GAAAA,EAAQM,UAAWM,KALXH,EAAWD,EAAO,GAK4B,eAAcH,EACtEU,SAAA,CAAAC,EAJKN,EAAUO,EAAYN,EAAYO,EAAcC,EAI/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, type ReactNode } from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { ErrorIcon, SuccessIcon, WarningIcon } from \"../icon/index.js\";\n\nexport type SupportLabelType = \"help\" | \"error\" | \"warning\" | \"success\";\n\nexport interface SupportLabelProps {\n    /**\n     * En ID er påkrevd for å kunne referere til SupportLabel med aria-describedby.\n     *\n     * @example\n     *  ```tsx\n     *  const uid = useId();\n     *  const supportId = useId();\n     *  const hasSupportText = helpLabel || errorLabel;\n     *  const describedBy = hasSupportText ? supportId : undefined;\n     *\n     *  return (\n     *    <div>\n     *      <Label standAlone htmlFor={uid}>\n     *        Velg en tekst\n     *      </Label>\n     *      <select\n     *        id={uid}\n     *        aria-describedby={describedBy}\n     *      >\n     *        <option value=\"e\">Example</option>\n     *      </select>\n     *      <SupportLabel\n     *        id={supportId}\n     *        label={errorLabel}\n     *        labelType=\"error\"\n     *        density={density}\n     *      />\n     *    </div>\n     *  );\n     *  ```\n     */\n    id: string;\n    /**\n     * @deprecated Bruk `label` for å få samme resultat.\n     */\n    helpLabel?: ReactNode;\n    /**\n     * @deprecated Bruk `label` og `labelType=\"warning\"` for å få samme resultat.\n     */\n    errorLabel?: ReactNode;\n    label?: ReactNode;\n    /**\n     * Bestemmer hvilket ikon som skal vises:\n     *\n     * - \"help\" viser ikke noe ikon\n     * - \"warning\" viser WarningIcon, det som tidligere ble vist med `errorLabel`\n     * - \"error\" viser ErrorIcon\n     * - \"success\" viser SuccessIcon\n     *\n     * @default \"help\"\n     */\n    labelType?: SupportLabelType;\n    density?: Density;\n    className?: string;\n    srOnly?: boolean;\n}\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 id={id} className={componentClassName} {...restProps} data-density={density}>\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":"m+CAiEO,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,QAAKd,GAAAA,EAAQM,UAAWM,KALXH,EAAWD,EAAO,GAK4B,eAAcH,EACtEU,SAAA,CAAAC,EAJKN,EAAUO,EAAYN,EAAYO,EAAcC,EAI/C,CAAAC,QAAQ,QAAQd,UAAU,iCAC/BU,EAAA,OAAA,CAAMD,SAAcb,GAAAD,GAAaE,MACtC"}

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

@@ -0,0 +1,4 @@
+export { FieldGroup, type FieldGroupProps } from './FieldGroup.js';
+export { InputGroup, type InputGroupProps, type InputProps } from './InputGroup.js';
+export { Label, type LabelProps, type LabelVariant } from './Label.js';
+export { SupportLabel, type SupportLabelProps, type SupportLabelType } from './SupportLabel.js';

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

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

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 from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities\";\n\nexport type LinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        external?: boolean;\n    }\n>;\n\nexport type LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const { external = false, className = \"\", children, as = \"a\", ...rest } = props;\n    const Component = as;\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-link\", className, {\n                \"jkl-link--external\": external,\n            })}\n            {...rest}\n        >\n            {children}\n        </Component>\n    );\n});\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","jsx","clsx"],"mappings":"2GAeO,MAAMA,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MAAEC,SAAAA,GAAW,EAAOC,UAAAA,EAAY,GAAIC,SAAAA,EAAUC,GAAAA,EAAK,OAAQC,GAASN,EAItE,OAAAO,EAHcF,EAGb,CACGJ,IAAAA,EACAE,UAAWK,EAAK,WAAYL,EAAW,CACnC,qBAAsBD,OAEtBI,EAEHF,SAAAA,GAGb"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type LinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        external?: boolean;\n    }\n>;\n\nexport type LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const { external = false, className = \"\", children, as = \"a\", ...rest } = props;\n    const Component = as;\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-link\", className, {\n                \"jkl-link--external\": external,\n            })}\n            {...rest}\n        >\n            {children}\n        </Component>\n    );\n});\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","jsx","clsx"],"mappings":"2GAeO,MAAMA,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MAAEC,SAAAA,GAAW,EAAOC,UAAAA,EAAY,GAAIC,SAAAA,EAAUC,GAAAA,EAAK,OAAQC,GAASN,EAItE,OAAAO,EAHcF,EAGb,CACGJ,IAAAA,EACAE,UAAWK,EAAK,WAAYL,EAAW,CACnC,qBAAsBD,OAEtBI,EAEHF,SAAAA,GAGb"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavLink.js","sources":["../../../../src/components/link/NavLink.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities\";\n\nexport type NavLinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        active?: boolean;\n        back?: boolean;\n    }\n>;\n\nexport type LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: NavLinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const NavLink = React.forwardRef(function NavLink<ElementType extends React.ElementType = \"a\">(\n    props: NavLinkProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const { active = false, back = false, className, children, as = \"a\", ...rest } = props;\n    const Component = as;\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\n                \"jkl-nav-link\",\n                {\n                    \"jkl-nav-link--active\": active,\n                    \"jkl-nav-link--back\": back,\n                },\n                className,\n            )}\n            {...rest}\n        >\n            {children}\n        </Component>\n    );\n});\n"],"names":["NavLink","React","forwardRef","props","ref","active","back","className","children","as","rest","jsx","clsx"],"mappings":"2GAgBO,MAAMA,EAAUC,EAAMC,YAAW,SACpCC,EACAC,GAEM,MAAEC,OAAAA,GAAS,EAAOC,KAAAA,GAAO,EAAOC,UAAAA,EAAWC,SAAAA,EAAUC,GAAAA,EAAK,OAAQC,GAASP,EAI7E,OAAAQ,EAHcF,EAGb,CACGL,IAAAA,EACAG,UAAWK,EACP,eACA,CACI,uBAAwBP,EACxB,qBAAsBC,GAE1BC,MAEAG,EAEHF,SAAAA,GAGb"}
+{"version":3,"file":"NavLink.js","sources":["../../../../src/components/link/NavLink.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type NavLinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        active?: boolean;\n        back?: boolean;\n    }\n>;\n\nexport type LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: NavLinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const NavLink = React.forwardRef(function NavLink<ElementType extends React.ElementType = \"a\">(\n    props: NavLinkProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const { active = false, back = false, className, children, as = \"a\", ...rest } = props;\n    const Component = as;\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\n                \"jkl-nav-link\",\n                {\n                    \"jkl-nav-link--active\": active,\n                    \"jkl-nav-link--back\": back,\n                },\n                className,\n            )}\n            {...rest}\n        >\n            {children}\n        </Component>\n    );\n});\n"],"names":["NavLink","React","forwardRef","props","ref","active","back","className","children","as","rest","jsx","clsx"],"mappings":"2GAgBO,MAAMA,EAAUC,EAAMC,YAAW,SACpCC,EACAC,GAEM,MAAEC,OAAAA,GAAS,EAAOC,KAAAA,GAAO,EAAOC,UAAAA,EAAWC,SAAAA,EAAUC,GAAAA,EAAK,OAAQC,GAASP,EAI7E,OAAAQ,EAHcF,EAGb,CACGL,IAAAA,EACAG,UAAWK,EACP,eACA,CACI,uBAAwBP,EACxB,qBAAsBC,GAE1BC,MAEAG,EAEHF,SAAAA,GAGb"}

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

@@ -0,0 +1,2 @@
+export { Link, type LinkProps } from './Link.js';
+export { NavLink, type NavLinkProps } from './NavLink.js';

package/build/es/components/link-list/LinkList.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.js';
+type LinkComponent = <ElementType extends React.ElementType = "a">(props: PolymorphicPropsWithRef<ElementType>) => React.ReactElement | null;
+type UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {
+    variant: "unordered";
+};
+type OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {
+    variant: "ordered";
+};
+type LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;
+export declare const LinkList: {
+    ({ variant, className, ...rest }: LinkListProps): React.JSX.Element;
+    Link: LinkComponent;
+    Item: React.FC<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
+};
+export {};

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, { ComponentProps, FC } from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities\";\nimport { ArrowRightIcon } from \"../icon\";\n\nconst Item: FC<ComponentProps<\"li\">> = ({ className, ...rest }) => {\n    return <li className={clsx(\"jkl-link-list-item\", className)} {...rest}></li>;\n};\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: PolymorphicPropsWithRef<ElementType>,\n) => React.ReactElement | null;\n\nconst Link = React.forwardRef(function LinkListLink<ElementType extends React.ElementType = \"a\">(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component className={clsx(\"jkl-link-list-link\", className)} ref={ref} {...rest}>\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\ntype UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {\n    variant: \"unordered\";\n};\n\ntype OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {\n    variant: \"ordered\";\n};\n\ntype LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;\n\nexport const LinkList = ({ variant, className, ...rest }: 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":"i9CAKA,MAQMA,EAAOC,EAAMC,YAAW,SAC1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,EAACJ,GAAUE,UAAWG,EAAK,qBAAsBH,GAAYJ,IAAAA,KAAcK,EACtEF,SAAA,CAAAA,EACDK,EAACC,EAAe,CAAAL,UAAU,gCAGtC,IAYaM,EAAW,EAAGC,QAAAA,EAASP,UAAAA,KAAcC,KAI1CG,EAH0B,YAAZG,EAAwB,KAAO,KAG5C,CACGP,UAAWG,EAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,IAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA/C8B,EAAGR,UAAAA,KAAcC,KAC7CG,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, { ComponentProps, FC } from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/index.js\";\n\nconst Item: FC<ComponentProps<\"li\">> = ({ className, ...rest }) => {\n    return <li className={clsx(\"jkl-link-list-item\", className)} {...rest}></li>;\n};\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: PolymorphicPropsWithRef<ElementType>,\n) => React.ReactElement | null;\n\nconst Link = React.forwardRef(function LinkListLink<ElementType extends React.ElementType = \"a\">(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component className={clsx(\"jkl-link-list-link\", className)} ref={ref} {...rest}>\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\ntype UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {\n    variant: \"unordered\";\n};\n\ntype OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {\n    variant: \"ordered\";\n};\n\ntype LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;\n\nexport const LinkList = ({ variant, className, ...rest }: 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":"i9CAKA,MAQMA,EAAOC,EAAMC,YAAW,SAC1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,EAACJ,GAAUE,UAAWG,EAAK,qBAAsBH,GAAYJ,IAAAA,KAAcK,EACtEF,SAAA,CAAAA,EACDK,EAACC,EAAe,CAAAL,UAAU,gCAGtC,IAYaM,EAAW,EAAGC,QAAAA,EAASP,UAAAA,KAAcC,KAI1CG,EAH0B,YAAZG,EAAwB,KAAO,KAG5C,CACGP,UAAWG,EAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,IAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA/C8B,EAAGR,UAAAA,KAAcC,KAC7CG,EAAC,MAAGJ,UAAWG,EAAK,qBAAsBH,MAAgBC"}

package/build/es/components/link-list/index.d.ts

@@ -0,0 +1 @@
+export { LinkList } from './LinkList.js';

package/build/es/components/list/List.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../core/types.js';
+export interface ListProps extends WithChildren {
+    className?: string;
+}
+export declare const UnorderedList: React.FC<ListProps>;
+export declare const OrderedList: React.FC<ListProps>;
+export declare const List: React.FC<ListProps>;

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, { FC } from \"react\";\nimport { WithChildren } from \"../..\";\n\nexport interface ListProps extends WithChildren {\n    className?: string;\n}\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":"sFAUA,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, { FC } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\n\nexport interface ListProps extends WithChildren {\n    className?: string;\n}\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":"sFAUA,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"}

package/build/es/components/list/ListItem.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../core/types.js';
+export interface ListItemProps extends WithChildren {
+    className?: string;
+}
+export declare const ListItem: React.FC<ListItemProps>;
+export declare const CrossListItem: React.FC<ListItemProps>;
+export declare const CheckListItem: React.FC<ListItemProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../src/components/list/ListItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { WithChildren } from \"../..\";\n\nexport interface ListItemProps extends WithChildren {\n    className?: string;\n}\n\ntype ValidListItems = \"normal\" | \"check\" | \"cross\";\n\nfunction makeListItem(listItemType: ValidListItems): FC<ListItemProps> {\n    const ListItem: FC<ListItemProps> = ({ className, children, ...rest }) => {\n        return (\n            <li\n                className={clsx(\"jkl-list__item\", className, {\n                    \"jkl-list__item--iconed\": listItemType !== \"normal\",\n                    \"jkl-list__item--check\": listItemType === \"check\",\n                    \"jkl-list__item--cross\": listItemType === \"cross\",\n                })}\n                data-testid=\"jkl-list-item\"\n                {...rest}\n            >\n                {children}\n            </li>\n        );\n    };\n    return ListItem;\n}\n\nexport const ListItem = makeListItem(\"normal\");\nListItem.displayName = \"ListItem\";\nexport const CrossListItem = makeListItem(\"cross\");\nCrossListItem.displayName = \"CrossListItem\";\nexport const CheckListItem = makeListItem(\"check\");\nCheckListItem.displayName = \"CheckListItem\";\n"],"names":["makeListItem","listItemType","className","children","rest","jsx","clsx","ListItem","displayName","CrossListItem","CheckListItem"],"mappings":"sFAUA,SAASA,EAAaC,GACkB,MAAA,EAAGC,UAAAA,EAAWC,SAAAA,KAAaC,KAEvDC,EAAC,KAAA,CACGH,UAAWI,EAAK,iBAAkBJ,EAAW,CACzC,yBAA2C,WAAjBD,EAC1B,wBAA0C,UAAjBA,EACzB,wBAA0C,UAAjBA,IAE7B,cAAY,mBACRG,EAEHD,SAAAA,GAKjB,CAEa,MAAAI,EAAWP,EAAa,UACrCO,EAASC,YAAc,WACV,MAAAC,EAAgBT,EAAa,SAC1CS,EAAcD,YAAc,gBACf,MAAAE,EAAgBV,EAAa,SAC1CU,EAAcF,YAAc"}
+{"version":3,"file":"ListItem.js","sources":["../../../../src/components/list/ListItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\n\nexport interface ListItemProps extends WithChildren {\n    className?: string;\n}\n\ntype ValidListItems = \"normal\" | \"check\" | \"cross\";\n\nfunction makeListItem(listItemType: ValidListItems): FC<ListItemProps> {\n    const ListItem: FC<ListItemProps> = ({ className, children, ...rest }) => {\n        return (\n            <li\n                className={clsx(\"jkl-list__item\", className, {\n                    \"jkl-list__item--iconed\": listItemType !== \"normal\",\n                    \"jkl-list__item--check\": listItemType === \"check\",\n                    \"jkl-list__item--cross\": listItemType === \"cross\",\n                })}\n                data-testid=\"jkl-list-item\"\n                {...rest}\n            >\n                {children}\n            </li>\n        );\n    };\n    return ListItem;\n}\n\nexport const ListItem = makeListItem(\"normal\");\nListItem.displayName = \"ListItem\";\nexport const CrossListItem = makeListItem(\"cross\");\nCrossListItem.displayName = \"CrossListItem\";\nexport const CheckListItem = makeListItem(\"check\");\nCheckListItem.displayName = \"CheckListItem\";\n"],"names":["makeListItem","listItemType","className","children","rest","jsx","clsx","ListItem","displayName","CrossListItem","CheckListItem"],"mappings":"sFAUA,SAASA,EAAaC,GACkB,MAAA,EAAGC,UAAAA,EAAWC,SAAAA,KAAaC,KAEvDC,EAAC,KAAA,CACGH,UAAWI,EAAK,iBAAkBJ,EAAW,CACzC,yBAA2C,WAAjBD,EAC1B,wBAA0C,UAAjBA,EACzB,wBAA0C,UAAjBA,IAE7B,cAAY,mBACRG,EAEHD,SAAAA,GAKjB,CAEa,MAAAI,EAAWP,EAAa,UACrCO,EAASC,YAAc,WACV,MAAAC,EAAgBT,EAAa,SAC1CS,EAAcD,YAAc,gBACf,MAAAE,EAAgBV,EAAa,SAC1CU,EAAcF,YAAc"}

package/build/es/components/list/index.d.ts

@@ -0,0 +1,3 @@
+export type { ListProps } from './List.js';
+export { UnorderedList, OrderedList, List } from './List.js';
+export { ListItem, CheckListItem, CrossListItem } from './ListItem.js';

package/build/es/components/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../../src/components/loader/Loader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { AriaRole } from \"react\";\nimport { useDelayedRender } from \"./useDelayedRender\";\n\nexport type LoaderVariant = \"small\" | \"medium\" | \"large\";\n\nexport interface LoaderProps {\n    variant?: LoaderVariant;\n    textDescription: string;\n    className?: string;\n    dataTestAutoId?: string;\n    role?: AriaRole;\n    inline?: boolean;\n    /**\n     * Antall millisekunder komponenten vil vente før den rendrer\n     * @default 0\n     */\n    delay?: number;\n}\n\nexport const Loader = ({\n    delay = 0,\n    variant = \"large\",\n    textDescription,\n    className,\n    dataTestAutoId = \"jkl-loader\",\n    inline = false,\n    ...rest\n}: LoaderProps): JSX.Element | null => {\n    const renderComponent = useDelayedRender(delay);\n\n    if (delay && !renderComponent) {\n        return null;\n    }\n\n    const componentClassName = clsx(\"jkl-loader\", className, {\n        \"jkl-loader--medium\": variant === \"medium\",\n        \"jkl-loader--small\": variant === \"small\",\n        \"jkl-loader--inline\": inline,\n    });\n\n    return (\n        <span\n            aria-busy=\"true\"\n            className={componentClassName}\n            data-testautoid={dataTestAutoId}\n            data-testid=\"jkl-loader\"\n            title={textDescription}\n            {...rest}\n        >\n            <span className=\"jkl-loader__dot jkl-loader__dot--left\" />\n            <span className=\"jkl-loader__dot jkl-loader__dot--middle\" />\n            <span className=\"jkl-loader__dot jkl-loader__dot--right\" />\n            <span className=\"jkl-sr-only\">{textDescription}</span>\n        </span>\n    );\n};\n"],"names":["Loader","delay","variant","textDescription","className","dataTestAutoId","inline","rest","renderComponent","useDelayedRender","componentClassName","clsx","jsxs","title","children","jsx"],"mappings":"yJAoBO,MAAMA,EAAS,EAClBC,MAAAA,EAAQ,EACRC,QAAAA,EAAU,QACVC,gBAAAA,EACAC,UAAAA,EACAC,eAAAA,EAAiB,aACjBC,OAAAA,GAAS,KACNC,MAEGC,MAAAA,EAAkBC,EAAiBR,GAErC,GAAAA,IAAUO,EACH,OAAA,KAGLE,MAAAA,EAAqBC,EAAK,aAAcP,EAAW,CACrD,qBAAkC,WAAZF,EACtB,oBAAiC,UAAZA,EACrB,qBAAsBI,IAItB,OAAAM,EAAC,OAAA,CACG,YAAU,OACVR,UAAWM,EACX,kBAAiBL,EACjB,cAAY,aACZQ,MAAOV,KACHI,EAEJO,SAAA,CAACC,EAAA,OAAA,CAAKX,UAAU,0CAChBW,EAAC,OAAK,CAAAX,UAAU,4CAChBW,EAAC,OAAK,CAAAX,UAAU,2CACfW,EAAA,OAAA,CAAKX,UAAU,cAAeU,SAAgBX,MAAA"}
+{"version":3,"file":"Loader.js","sources":["../../../../src/components/loader/Loader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { AriaRole } from \"react\";\nimport { useDelayedRender } from \"./useDelayedRender.js\";\n\nexport type LoaderVariant = \"small\" | \"medium\" | \"large\";\n\nexport interface LoaderProps {\n    variant?: LoaderVariant;\n    textDescription: string;\n    className?: string;\n    dataTestAutoId?: string;\n    role?: AriaRole;\n    inline?: boolean;\n    /**\n     * Antall millisekunder komponenten vil vente før den rendrer\n     * @default 0\n     */\n    delay?: number;\n}\n\nexport const Loader = ({\n    delay = 0,\n    variant = \"large\",\n    textDescription,\n    className,\n    dataTestAutoId = \"jkl-loader\",\n    inline = false,\n    ...rest\n}: LoaderProps): JSX.Element | null => {\n    const renderComponent = useDelayedRender(delay);\n\n    if (delay && !renderComponent) {\n        return null;\n    }\n\n    const componentClassName = clsx(\"jkl-loader\", className, {\n        \"jkl-loader--medium\": variant === \"medium\",\n        \"jkl-loader--small\": variant === \"small\",\n        \"jkl-loader--inline\": inline,\n    });\n\n    return (\n        <span\n            aria-busy=\"true\"\n            className={componentClassName}\n            data-testautoid={dataTestAutoId}\n            data-testid=\"jkl-loader\"\n            title={textDescription}\n            {...rest}\n        >\n            <span className=\"jkl-loader__dot jkl-loader__dot--left\" />\n            <span className=\"jkl-loader__dot jkl-loader__dot--middle\" />\n            <span className=\"jkl-loader__dot jkl-loader__dot--right\" />\n            <span className=\"jkl-sr-only\">{textDescription}</span>\n        </span>\n    );\n};\n"],"names":["Loader","delay","variant","textDescription","className","dataTestAutoId","inline","rest","renderComponent","useDelayedRender","componentClassName","clsx","jsxs","title","children","jsx"],"mappings":"yJAoBO,MAAMA,EAAS,EAClBC,MAAAA,EAAQ,EACRC,QAAAA,EAAU,QACVC,gBAAAA,EACAC,UAAAA,EACAC,eAAAA,EAAiB,aACjBC,OAAAA,GAAS,KACNC,MAEGC,MAAAA,EAAkBC,EAAiBR,GAErC,GAAAA,IAAUO,EACH,OAAA,KAGLE,MAAAA,EAAqBC,EAAK,aAAcP,EAAW,CACrD,qBAAkC,WAAZF,EACtB,oBAAiC,UAAZA,EACrB,qBAAsBI,IAItB,OAAAM,EAAC,OAAA,CACG,YAAU,OACVR,UAAWM,EACX,kBAAiBL,EACjB,cAAY,aACZQ,MAAOV,KACHI,EAEJO,SAAA,CAACC,EAAA,OAAA,CAAKX,UAAU,0CAChBW,EAAC,OAAK,CAAAX,UAAU,4CAChBW,EAAC,OAAK,CAAAX,UAAU,2CACfW,EAAA,OAAA,CAAKX,UAAU,cAAeU,SAAgBX,MAAA"}

package/build/es/components/loader/index.d.ts

@@ -0,0 +1,18 @@
+export { Loader } from './Loader.js';
+export type { LoaderVariant, LoaderProps } from './Loader.js';
+export type { SkeletonAnimationProps } from './skeletons/SkeletonAnimation.js';
+export { SkeletonAnimation } from './skeletons/SkeletonAnimation.js';
+export type { SkeletonButtonProps } from './skeletons/SkeletonButton.js';
+export { SkeletonButton } from './skeletons/SkeletonButton.js';
+export type { SkeletonCheckboxGroupProps } from './skeletons/SkeletonCheckboxGroup.js';
+export { SkeletonCheckboxGroup } from './skeletons/SkeletonCheckboxGroup.js';
+export type { SkeletonElementProps } from './skeletons/SkeletonElement.js';
+export { SkeletonElement } from './skeletons/SkeletonElement.js';
+export type { SkeletonInputProps } from './skeletons/SkeletonInput.js';
+export { SkeletonInput } from './skeletons/SkeletonInput.js';
+export type { SkeletonRadioButtonGroupProps } from './skeletons/SkeletonRadioButtonGroup.js';
+export { SkeletonRadioButtonGroup } from './skeletons/SkeletonRadioButtonGroup.js';
+export type { SkeletonTableProps, SkeletonTableHeaderProps, SkeletonTableRowProps } from './skeletons/SkeletonTable.js';
+export { SkeletonTable, SkeletonTableHeader, SkeletonTableRow } from './skeletons/SkeletonTable.js';
+export type { SkeletonTextAreaProps } from './skeletons/SkeletonTextArea.js';
+export { SkeletonTextArea } from './skeletons/SkeletonTextArea.js';

package/build/es/components/loader/skeletons/SkeletonAnimation.d.ts

@@ -0,0 +1,16 @@
+import { default as React, AriaRole, HTMLProps, ReactNode } from 'react';
+import { Density } from '../../../core/types.js';
+export interface SkeletonAnimationProps extends Pick<HTMLProps<HTMLDivElement>, "style"> {
+    className?: string;
+    children: ReactNode;
+    density?: Density;
+    /** @default "Vennligst vent" */
+    textDescription?: string;
+    role?: AriaRole;
+    /**
+     * Antall millisekunder komponenten vil vente før den rendrer
+     * @default 0
+     */
+    delay?: number;
+}
+export declare const SkeletonAnimation: ({ className, delay, density, textDescription, ...rest }: SkeletonAnimationProps) => React.JSX.Element | null;

package/build/es/components/loader/skeletons/SkeletonAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonAnimation.js","sources":["../../../../../src/components/loader/skeletons/SkeletonAnimation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { AriaRole, HTMLProps, ReactNode } from \"react\";\nimport { Density } from \"../../../core\";\nimport { useDelayedRender } from \"../useDelayedRender\";\n\nexport interface SkeletonAnimationProps extends Pick<HTMLProps<HTMLDivElement>, \"style\"> {\n    className?: string;\n    children: ReactNode;\n    density?: Density;\n    /** @default \"Vennligst vent\" */\n    textDescription?: string;\n    role?: AriaRole;\n    /**\n     * Antall millisekunder komponenten vil vente før den rendrer\n     * @default 0\n     */\n    delay?: number;\n}\n\nexport const SkeletonAnimation = ({\n    className,\n    delay = 0,\n    density,\n    textDescription = \"Vennligst vent\",\n    ...rest\n}: SkeletonAnimationProps) => {\n    const renderComponent = useDelayedRender(delay);\n\n    if (delay && !renderComponent) {\n        return null;\n    }\n\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-animation\", className)}\n            aria-busy=\"true\"\n            aria-label={textDescription}\n            {...rest}\n            data-density={density}\n        />\n    );\n};\n"],"names":["SkeletonAnimation","className","delay","density","textDescription","rest","renderComponent","useDelayedRender","jsx","clsx"],"mappings":"mJAmBO,MAAMA,EAAoB,EAC7BC,UAAAA,EACAC,MAAAA,EAAQ,EACRC,QAAAA,EACAC,gBAAAA,EAAkB,oBACfC,MAEGC,MAAAA,EAAkBC,EAAiBL,GAErC,OAAAA,IAAUI,EACH,KAIPE,EAAC,MAAA,CACGP,UAAWQ,EAAK,yBAA0BR,GAC1C,YAAU,OACV,aAAYG,KACRC,EACJ,eAAcF,GAAA"}
+{"version":3,"file":"SkeletonAnimation.js","sources":["../../../../../src/components/loader/skeletons/SkeletonAnimation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { AriaRole, HTMLProps, ReactNode } from \"react\";\nimport { Density } from \"../../../core/types.js\";\nimport { useDelayedRender } from \"../useDelayedRender.js\";\n\nexport interface SkeletonAnimationProps extends Pick<HTMLProps<HTMLDivElement>, \"style\"> {\n    className?: string;\n    children: ReactNode;\n    density?: Density;\n    /** @default \"Vennligst vent\" */\n    textDescription?: string;\n    role?: AriaRole;\n    /**\n     * Antall millisekunder komponenten vil vente før den rendrer\n     * @default 0\n     */\n    delay?: number;\n}\n\nexport const SkeletonAnimation = ({\n    className,\n    delay = 0,\n    density,\n    textDescription = \"Vennligst vent\",\n    ...rest\n}: SkeletonAnimationProps) => {\n    const renderComponent = useDelayedRender(delay);\n\n    if (delay && !renderComponent) {\n        return null;\n    }\n\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-animation\", className)}\n            aria-busy=\"true\"\n            aria-label={textDescription}\n            {...rest}\n            data-density={density}\n        />\n    );\n};\n"],"names":["SkeletonAnimation","className","delay","density","textDescription","rest","renderComponent","useDelayedRender","jsx","clsx"],"mappings":"mJAmBO,MAAMA,EAAoB,EAC7BC,UAAAA,EACAC,MAAAA,EAAQ,EACRC,QAAAA,EACAC,gBAAAA,EAAkB,oBACfC,MAEGC,MAAAA,EAAkBC,EAAiBL,GAErC,OAAAA,IAAUI,EACH,KAIPE,EAAC,MAAA,CACGP,UAAWQ,EAAK,yBAA0BR,GAC1C,YAAU,OACV,aAAYG,KACRC,EACJ,eAAcF,GAAA"}

package/build/es/components/loader/skeletons/SkeletonButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { Density } from '../../../core/types.js';
+import { SkeletonElementProps } from './SkeletonElement.js';
+export interface SkeletonButtonProps extends Omit<SkeletonElementProps, "height"> {
+    density?: Density;
+}
+export declare const SkeletonButton: ({ style, density, ...rest }: SkeletonButtonProps) => React.JSX.Element;

package/build/es/components/loader/skeletons/SkeletonButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonButton.js","sources":["../../../../../src/components/loader/skeletons/SkeletonButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Density } from \"../../../core\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement\";\n\nexport interface SkeletonButtonProps extends Omit<SkeletonElementProps, \"height\"> {\n    density?: Density;\n}\n\nexport const SkeletonButton = ({ style, density, ...rest }: SkeletonButtonProps) => {\n    return (\n        <SkeletonElement\n            {...rest}\n            height={density === \"compact\" ? 24 : 40}\n            style={{ borderRadius: \"999px\", ...style }}\n        />\n    );\n};\n"],"names":["SkeletonButton","style","density","rest","jsx","SkeletonElement","height","borderRadius"],"mappings":"+FAQO,MAAMA,EAAiB,EAAGC,MAAAA,EAAOC,QAAAA,KAAYC,KAE5CC,EAACC,EAAA,IACOF,EACJG,OAAoB,YAAZJ,EAAwB,GAAK,GACrCD,MAAO,CAAEM,aAAc,WAAYN"}
+{"version":3,"file":"SkeletonButton.js","sources":["../../../../../src/components/loader/skeletons/SkeletonButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Density } from \"../../../core/types.js\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement.js\";\n\nexport interface SkeletonButtonProps extends Omit<SkeletonElementProps, \"height\"> {\n    density?: Density;\n}\n\nexport const SkeletonButton = ({ style, density, ...rest }: SkeletonButtonProps) => {\n    return (\n        <SkeletonElement\n            {...rest}\n            height={density === \"compact\" ? 24 : 40}\n            style={{ borderRadius: \"999px\", ...style }}\n        />\n    );\n};\n"],"names":["SkeletonButton","style","density","rest","jsx","SkeletonElement","height","borderRadius"],"mappings":"+FAQO,MAAMA,EAAiB,EAAGC,MAAAA,EAAOC,QAAAA,KAAYC,KAE5CC,EAACC,EAAA,IACOF,EACJG,OAAoB,YAAZJ,EAAwB,GAAK,GACrCD,MAAO,CAAEM,aAAc,WAAYN"}

package/build/es/components/loader/skeletons/SkeletonCheckboxGroup.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Density } from '../../../core/types.js';
+import { SkeletonElementProps } from './SkeletonElement.js';
+import { SkeletonLabelProps } from './SkeletonLabel.js';
+export interface SkeletonCheckboxGroupProps {
+    className?: string;
+    checkboxes: number;
+    density?: Density;
+    labelProps?: SkeletonLabelProps;
+    inputProps?: SkeletonElementProps;
+}
+export declare const SkeletonCheckboxGroup: ({ className, checkboxes, density, labelProps, inputProps, ...rest }: SkeletonCheckboxGroupProps) => React.JSX.Element;

package/build/es/components/loader/skeletons/SkeletonCheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCheckboxGroup.js","sources":["../../../../../src/components/loader/skeletons/SkeletonCheckboxGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density } from \"../../../core\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement\";\nimport { SkeletonLabel, SkeletonLabelProps } from \"./SkeletonLabel\";\n\nexport interface SkeletonCheckboxGroupProps {\n    className?: string;\n    checkboxes: number;\n    density?: Density;\n    labelProps?: SkeletonLabelProps;\n    inputProps?: SkeletonElementProps;\n}\n\nexport const SkeletonCheckboxGroup = ({\n    className,\n    checkboxes,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonCheckboxGroupProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            {Array.from(Array(checkboxes)).map((_, index) => (\n                <div key={`jkl-skeleton-checkbox-${index}`} className=\"jkl-skeleton-input__checkbox\">\n                    <SkeletonElement width={compact ? 22 : 24} height={compact ? 22 : 24} />\n                    <SkeletonElement width={compact ? 201 : 216} height={compact ? 22 : 24} {...inputProps} />\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"names":["SkeletonCheckboxGroup","className","checkboxes","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height"],"mappings":"6MAcO,MAAMA,EAAwB,EACjCC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIP,UAAWQ,EAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAaa,KAAI,CAACC,EAAGC,IAClCT,EAAA,MAAA,CAA2CP,UAAU,+BAClDS,SAAA,CAACC,EAAAO,EAAA,CAAgBC,MAAOZ,EAAU,GAAK,GAAIa,OAAQb,EAAU,GAAK,KAClEI,EAACO,EAAgB,CAAAC,MAAOZ,EAAU,IAAM,IAAKa,OAAQb,EAAU,GAAK,MAAQF,MAFtE,yBAAyBY,SAK3C"}
+{"version":3,"file":"SkeletonCheckboxGroup.js","sources":["../../../../../src/components/loader/skeletons/SkeletonCheckboxGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density } from \"../../../core/types.js\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement.js\";\nimport { SkeletonLabel, SkeletonLabelProps } from \"./SkeletonLabel.js\";\n\nexport interface SkeletonCheckboxGroupProps {\n    className?: string;\n    checkboxes: number;\n    density?: Density;\n    labelProps?: SkeletonLabelProps;\n    inputProps?: SkeletonElementProps;\n}\n\nexport const SkeletonCheckboxGroup = ({\n    className,\n    checkboxes,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonCheckboxGroupProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            {Array.from(Array(checkboxes)).map((_, index) => (\n                <div key={`jkl-skeleton-checkbox-${index}`} className=\"jkl-skeleton-input__checkbox\">\n                    <SkeletonElement width={compact ? 22 : 24} height={compact ? 22 : 24} />\n                    <SkeletonElement width={compact ? 201 : 216} height={compact ? 22 : 24} {...inputProps} />\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"names":["SkeletonCheckboxGroup","className","checkboxes","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height"],"mappings":"6MAcO,MAAMA,EAAwB,EACjCC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIP,UAAWQ,EAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAaa,KAAI,CAACC,EAAGC,IAClCT,EAAA,MAAA,CAA2CP,UAAU,+BAClDS,SAAA,CAACC,EAAAO,EAAA,CAAgBC,MAAOZ,EAAU,GAAK,GAAIa,OAAQb,EAAU,GAAK,KAClEI,EAACO,EAAgB,CAAAC,MAAOZ,EAAU,IAAM,IAAKa,OAAQb,EAAU,GAAK,MAAQF,MAFtE,yBAAyBY,SAK3C"}

package/build/es/components/loader/skeletons/SkeletonInput.d.ts

@@ -0,0 +1,11 @@
+import { SkeletonElementProps } from 'packages/loader-react/build/index.js';
+import { default as React } from 'react';
+import { Density } from '../../../core/types.js';
+import { SkeletonLabelProps } from './SkeletonLabel.js';
+export interface SkeletonInputProps {
+    className?: string;
+    density?: Density;
+    labelProps?: SkeletonLabelProps;
+    inputProps?: SkeletonElementProps;
+}
+export declare const SkeletonInput: ({ className, density, labelProps, inputProps, ...rest }: SkeletonInputProps) => React.JSX.Element;

package/build/es/components/loader/skeletons/SkeletonInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonInput.js","sources":["../../../../../src/components/loader/skeletons/SkeletonInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density } from \"../../../core\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement\";\nimport { SkeletonLabel, SkeletonLabelProps } from \"./SkeletonLabel\";\n\nexport interface SkeletonInputProps {\n    className?: string;\n    density?: Density;\n    labelProps?: SkeletonLabelProps;\n    inputProps?: SkeletonElementProps;\n}\n\nexport const SkeletonInput = ({ className, density, labelProps, inputProps, ...rest }: SkeletonInputProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            <SkeletonElement width={compact ? 301 : 316} height={compact ? 32 : 48} {...inputProps} />\n        </div>\n    );\n};\n"],"names":["SkeletonInput","className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"6MAaa,MAAAA,EAAgB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,WAAAA,EAAYC,WAAAA,KAAeC,MAC3E,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIN,UAAWO,EAAK,qBAAsBP,MAAgBI,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAACE,EAAgB,CAAAC,MAAOP,EAAU,IAAM,IAAKQ,OAAQR,EAAU,GAAK,MAAQF,MAChF"}
+{"version":3,"file":"SkeletonInput.js","sources":["../../../../../src/components/loader/skeletons/SkeletonInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SkeletonElementProps } from \"packages/loader-react/build/index.js\";\nimport React from \"react\";\nimport { Density } from \"../../../core/types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel, SkeletonLabelProps } from \"./SkeletonLabel.js\";\n\nexport interface SkeletonInputProps {\n    className?: string;\n    density?: Density;\n    labelProps?: SkeletonLabelProps;\n    inputProps?: SkeletonElementProps;\n}\n\nexport const SkeletonInput = ({ className, density, labelProps, inputProps, ...rest }: SkeletonInputProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            <SkeletonElement width={compact ? 301 : 316} height={compact ? 32 : 48} {...inputProps} />\n        </div>\n    );\n};\n"],"names":["SkeletonInput","className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"6MAca,MAAAA,EAAgB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,WAAAA,EAAYC,WAAAA,KAAeC,MAC3E,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIN,UAAWO,EAAK,qBAAsBP,MAAgBI,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAACE,EAAgB,CAAAC,MAAOP,EAAU,IAAM,IAAKQ,OAAQR,EAAU,GAAK,MAAQF,MAChF"}

package/build/es/components/loader/skeletons/SkeletonLabel.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Density } from '../../../core/types.js';
+import { SkeletonElementProps } from './SkeletonElement.js';
+export interface SkeletonLabelProps extends Omit<SkeletonElementProps, "width" | "height"> {
+    className?: string;
+    density?: Density;
+}
+export declare const SkeletonLabel: ({ density, ...rest }: SkeletonLabelProps) => React.JSX.Element;

package/build/es/components/loader/skeletons/SkeletonLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonLabel.js","sources":["../../../../../src/components/loader/skeletons/SkeletonLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Density } from \"../../../core\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement\";\n\nexport interface SkeletonLabelProps extends Omit<SkeletonElementProps, \"width\" | \"height\"> {\n    className?: string;\n    density?: Density;\n}\n\nexport const SkeletonLabel = ({ density, ...rest }: SkeletonLabelProps) => {\n    const compact = density === \"compact\";\n    return <SkeletonElement {...rest} width={compact ? 100 : 115} height={compact ? 12 : 16} />;\n};\n"],"names":["SkeletonLabel","density","rest","compact","jsx","SkeletonElement","width","height"],"mappings":"+FASO,MAAMA,EAAgB,EAAGC,QAAAA,KAAYC,MACxC,MAAMC,EAAsB,YAAZF,EACT,OAAAG,EAACC,EAAiB,IAAGH,EAAMI,MAAOH,EAAU,IAAM,IAAKI,OAAQJ,EAAU,GAAK,IAAI"}
+{"version":3,"file":"SkeletonLabel.js","sources":["../../../../../src/components/loader/skeletons/SkeletonLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Density } from \"../../../core/types.js\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement.js\";\n\nexport interface SkeletonLabelProps extends Omit<SkeletonElementProps, \"width\" | \"height\"> {\n    className?: string;\n    density?: Density;\n}\n\nexport const SkeletonLabel = ({ density, ...rest }: SkeletonLabelProps) => {\n    const compact = density === \"compact\";\n    return <SkeletonElement {...rest} width={compact ? 100 : 115} height={compact ? 12 : 16} />;\n};\n"],"names":["SkeletonLabel","density","rest","compact","jsx","SkeletonElement","width","height"],"mappings":"+FASO,MAAMA,EAAgB,EAAGC,QAAAA,KAAYC,MACxC,MAAMC,EAAsB,YAAZF,EACT,OAAAG,EAACC,EAAiB,IAAGH,EAAMI,MAAOH,EAAU,IAAM,IAAKI,OAAQJ,EAAU,GAAK,IAAI"}

package/build/es/components/loader/skeletons/SkeletonRadioButtonGroup.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Density } from '../../../core/types.js';
+import { SkeletonElementProps } from './SkeletonElement.js';
+import { SkeletonLabelProps } from './SkeletonLabel.js';
+export interface SkeletonRadioButtonGroupProps {
+    className?: string;
+    density?: Density;
+    labelProps?: SkeletonLabelProps;
+    inputProps?: SkeletonElementProps;
+    radioButtons: number;
+}
+export declare const SkeletonRadioButtonGroup: ({ className, radioButtons, density, labelProps, inputProps, ...rest }: SkeletonRadioButtonGroupProps) => React.JSX.Element;

package/build/es/components/loader/skeletons/SkeletonRadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRadioButtonGroup.js","sources":["../../../../../src/components/loader/skeletons/SkeletonRadioButtonGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density } from \"../../../core\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement\";\nimport { SkeletonLabel, SkeletonLabelProps } from \"./SkeletonLabel\";\n\nexport interface SkeletonRadioButtonGroupProps {\n    className?: string;\n    density?: Density;\n    labelProps?: SkeletonLabelProps;\n    inputProps?: SkeletonElementProps;\n    radioButtons: number;\n}\n\nexport const SkeletonRadioButtonGroup = ({\n    className,\n    radioButtons,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonRadioButtonGroupProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            {Array.from(Array(radioButtons)).map((_, index) => (\n                <div key={`jkl-skeleton-checkbox-${index}`} className=\"jkl-skeleton-input__checkbox\">\n                    <SkeletonElement\n                        width={compact ? 22 : 24}\n                        height={compact ? 22 : 24}\n                        style={{ borderRadius: \"50%\" }}\n                    />\n                    <SkeletonElement width={compact ? 201 : 216} height={compact ? 22 : 24} {...inputProps} />\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"names":["SkeletonRadioButtonGroup","className","radioButtons","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height","style","borderRadius"],"mappings":"6MAcO,MAAMA,EAA2B,EACpCC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIP,UAAWQ,EAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAea,KAAI,CAACC,EAAGC,IACpCT,EAAA,MAAA,CAA2CP,UAAU,+BAClDS,SAAA,CAAAC,EAACO,EAAA,CACGC,MAAOZ,EAAU,GAAK,GACtBa,OAAQb,EAAU,GAAK,GACvBc,MAAO,CAAEC,aAAc,SAE3BX,EAACO,EAAgB,CAAAC,MAAOZ,EAAU,IAAM,IAAKa,OAAQb,EAAU,GAAK,MAAQF,MANtE,yBAAyBY,SAS3C"}
+{"version":3,"file":"SkeletonRadioButtonGroup.js","sources":["../../../../../src/components/loader/skeletons/SkeletonRadioButtonGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density } from \"../../../core/types.js\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement.js\";\nimport { SkeletonLabel, SkeletonLabelProps } from \"./SkeletonLabel.js\";\n\nexport interface SkeletonRadioButtonGroupProps {\n    className?: string;\n    density?: Density;\n    labelProps?: SkeletonLabelProps;\n    inputProps?: SkeletonElementProps;\n    radioButtons: number;\n}\n\nexport const SkeletonRadioButtonGroup = ({\n    className,\n    radioButtons,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonRadioButtonGroupProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            {Array.from(Array(radioButtons)).map((_, index) => (\n                <div key={`jkl-skeleton-checkbox-${index}`} className=\"jkl-skeleton-input__checkbox\">\n                    <SkeletonElement\n                        width={compact ? 22 : 24}\n                        height={compact ? 22 : 24}\n                        style={{ borderRadius: \"50%\" }}\n                    />\n                    <SkeletonElement width={compact ? 201 : 216} height={compact ? 22 : 24} {...inputProps} />\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"names":["SkeletonRadioButtonGroup","className","radioButtons","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height","style","borderRadius"],"mappings":"6MAcO,MAAMA,EAA2B,EACpCC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIP,UAAWQ,EAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAea,KAAI,CAACC,EAAGC,IACpCT,EAAA,MAAA,CAA2CP,UAAU,+BAClDS,SAAA,CAAAC,EAACO,EAAA,CACGC,MAAOZ,EAAU,GAAK,GACtBa,OAAQb,EAAU,GAAK,GACvBc,MAAO,CAAEC,aAAc,SAE3BX,EAACO,EAAgB,CAAAC,MAAOZ,EAAU,IAAM,IAAKa,OAAQb,EAAU,GAAK,MAAQF,MANtE,yBAAyBY,SAS3C"}

package/build/es/components/loader/skeletons/SkeletonTable.d.ts

@@ -0,0 +1,19 @@
+import { default as React, HTMLProps, ReactNode } from 'react';
+import { Density } from '../../../core/types.js';
+export interface SkeletonTableProps extends Pick<HTMLProps<HTMLDivElement>, "style"> {
+    className?: string;
+    children: ReactNode;
+    density?: Density;
+    width?: number | string;
+}
+export declare const SkeletonTable: ({ className, density, width, style, ...rest }: SkeletonTableProps) => React.JSX.Element;
+export interface SkeletonTableHeaderProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const SkeletonTableHeader: ({ className, ...rest }: SkeletonTableHeaderProps) => React.JSX.Element;
+export interface SkeletonTableRowProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const SkeletonTableRow: ({ className, ...rest }: SkeletonTableRowProps) => React.JSX.Element;