@fremtind/jokul 0.6.0 → 0.8.0

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

@@ -0,0 +1,40 @@
+import { default as React, CSSProperties, ReactNode } from 'react';
+import { WithOptionalChildren, Density, DataTestAutoId } from '../../core';
+import { PopupTipProps } from '../tooltip';
+import { LabelProps } from './Label';
+import { SupportLabelProps } from './SupportLabel';
+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, "children" | "density"> | undefined;
+    supportLabelProps?: Omit<SupportLabelProps, "id" | "density" | "helpLabel" | "errorLabel"> | undefined;
+    tooltipProps?: PopupTipProps | undefined;
+    style?: React.CSSProperties | undefined;
+    render?: ((props: InputProps) => JSX.Element) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,14 @@
+import { CSSProperties, FC } from 'react';
+import { WithChildren, Density } from '../../core';
+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/components/input-group/SupportLabel.d.ts

@@ -0,0 +1,61 @@
+import { FC, ReactNode } from 'react';
+import { Density } from '../../core';
+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/components/input-group/index.d.ts

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

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { PolymorphicPropsWithRef } from '../../core';
+import { PolymorphicPropsWithRef } from '../../utilities';
 export type LinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
     external?: boolean;
 }>;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { PolymorphicPropsWithRef } from '../../core';
+import { PolymorphicPropsWithRef } from '../../utilities';
 export type NavLinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
     active?: boolean;
     back?: boolean;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { PolymorphicPropsWithRef } from '../../core';
+import { PolymorphicPropsWithRef } from '../../utilities';
 type LinkComponent = <ElementType extends React.ElementType = "a">(props: PolymorphicPropsWithRef<ElementType>) => React.ReactElement | null;
 type UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {
     variant: "unordered";

package/build/components/tooltip/PopupTip.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode, HTMLProps } from 'react';
+import { TooltipProps } from './Tooltip';
+export interface PopupTipProps extends Omit<TooltipProps, "triggerOn" | "children"> {
+    /**
+     * Innholdet i tooltipet som vises
+     */
+    content: ReactNode;
+    /**
+     * Eventuelle props du vil sette på trigger-knappen for tooltipet
+     */
+    triggerProps?: Omit<HTMLProps<HTMLButtonElement>, "children" | "type">;
+}
+export declare const PopupTip: FC<PopupTipProps>;

package/build/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,122 @@
+import { Placement } from '@floating-ui/react';
+import { default as React, FC } from 'react';
+import { WithChildren } from '../../core';
+export type TooltipPlacement = Extract<Placement, "top-start" | "top-end" | "left" | "right" | "top">;
+export interface TooltipProps {
+    /**
+     * Sett til true dersom du ønsker at tooltipen skal være åpen som default
+     * @default false
+     */
+    initialOpen?: boolean;
+    /**
+     * Plassering av tooltipen i forhold til triggeren. Tooltipen vil automatisk
+     * bytte posisjon dersom det ikke er plass.
+     * @default "top"
+     */
+    placement?: TooltipPlacement;
+    /**
+     * Valgfri forsinkelse før tooltipen åpner. Ignoreres dersom triggerOn er satt til "click"
+     * @default 250
+     */
+    delay?: number;
+    /**
+     * Angir om tooltipen skal åpnes ved klikk eller hover
+     * @default "hover"
+     */
+    triggerOn?: "click" | "hover";
+}
+export declare const useTooltip: ({ initialOpen, placement, delay, triggerOn, }: TooltipProps) => {
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    refs: {
+        description: React.MutableRefObject<HTMLElement | null>;
+        setDescription: (element: HTMLElement | null) => HTMLElement | null;
+        reference: React.MutableRefObject<import('@floating-ui/react').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        domReference: React.MutableRefObject<Element | null>;
+        setReference: (node: import('@floating-ui/react').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+        setPositionReference: (node: import('@floating-ui/react').ReferenceType | null) => void;
+    };
+    placement: Placement;
+    strategy: import('@floating-ui/react').Strategy;
+    middlewareData: import('@floating-ui/react').MiddlewareData;
+    x: number;
+    y: number;
+    update: () => void;
+    context: {
+        x: number;
+        y: number;
+        placement: Placement;
+        strategy: import('@floating-ui/react').Strategy;
+        middlewareData: import('@floating-ui/react').MiddlewareData;
+        update: () => void;
+        isPositioned: boolean;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    };
+    elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    isPositioned: boolean;
+    floatingStyles: React.CSSProperties;
+    triggerOn: "click" | "hover";
+    isOpen: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    arrowElement: React.RefObject<HTMLElement>;
+};
+export type TooltipContext = ReturnType<typeof useTooltip> | null;
+export declare const TooltipProvider: React.Provider<TooltipContext>;
+export declare const useTooltipContext: () => {
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    refs: {
+        description: React.MutableRefObject<HTMLElement | null>;
+        setDescription: (element: HTMLElement | null) => HTMLElement | null;
+        reference: React.MutableRefObject<import('@floating-ui/react').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        domReference: React.MutableRefObject<Element | null>;
+        setReference: (node: import('@floating-ui/react').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+        setPositionReference: (node: import('@floating-ui/react').ReferenceType | null) => void;
+    };
+    placement: Placement;
+    strategy: import('@floating-ui/react').Strategy;
+    middlewareData: import('@floating-ui/react').MiddlewareData;
+    x: number;
+    y: number;
+    update: () => void;
+    context: {
+        x: number;
+        y: number;
+        placement: Placement;
+        strategy: import('@floating-ui/react').Strategy;
+        middlewareData: import('@floating-ui/react').MiddlewareData;
+        update: () => void;
+        isPositioned: boolean;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    };
+    elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    isPositioned: boolean;
+    floatingStyles: React.CSSProperties;
+    triggerOn: "click" | "hover";
+    isOpen: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    arrowElement: React.RefObject<HTMLElement>;
+};
+export declare const Tooltip: FC<TooltipProps & WithChildren>;

package/build/components/tooltip/TooltipContent.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/components/tooltip/TooltipTrigger.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;

package/build/components/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { Tooltip, type TooltipPlacement, type TooltipProps } from './Tooltip';
+export { TooltipContent } from './TooltipContent';
+export { TooltipTrigger } from './TooltipTrigger';
+export { PopupTip, type PopupTipProps } from './PopupTip';

package/build/core/index.d.ts

@@ -1,7 +1,2 @@
-export type { Easing, Timing } from './utils';
-export { initTabListener, getValuePair, breakpoints, timings, easings, mergeRefs, mergeProps } from './utils';
-export type { Density, PossibleRef } from './utils';
-export type { ColorScheme, DataTestAutoId, ValuePair, WithChildren, WithOptionalChildren } from './types';
+export type { ColorScheme, Density, Easing, Timing, DataTestAutoId, WithChildren, WithOptionalChildren } from './types';
 export { default as tokens } from './tokens';
-export type { PolymorphicProps, PolymorphicPropsWithRef, PolymorphicRef } from './polymorphism';
-export type { AsChildProps } from './as-child';

package/build/core/tokens.d.ts

@@ -1,8 +1,13 @@
 /**
  * Do not edit directly
- * Generated on Tue, 10 Sep 2024 05:21:22 GMT
+ * Generated on Mon, 23 Sep 2024 08:51:40 GMT
  */
 declare const _default: {
+    breakpoint: {
+        medium: string;
+        large: string;
+        xl: string;
+    };
     color: {
         brand: {
             snohvit: string;
@@ -185,6 +190,22 @@ declare const _default: {
         advarsel: string;
         advarselDark: string;
     };
+    motion: {
+        timing: {
+            energetic: string;
+            snappy: string;
+            productive: string;
+            expressive: string;
+            lazy: string;
+        };
+        easing: {
+            standard: string;
+            entrance: string;
+            exit: string;
+            easeInBounceOut: string;
+            focus: string;
+        };
+    };
     spacing: {
         0: string;
         2: string;

package/build/core/types.d.ts

@@ -1,13 +1,12 @@
 import { ReactNode } from 'react';
+import { tokens } from './';
 export interface DataTestAutoId {
     "data-testautoid"?: string;
 }
 export type ColorScheme = "light" | "dark";
-export type ValuePair = {
-    value: string;
-    label: string;
-    description?: string;
-};
+export type Density = "comfortable" | "compact";
+export type Easing = keyof typeof tokens.motion.easing;
+export type Timing = keyof typeof tokens.motion.timing;
 /**
  * Etter React 18 er ikke children lenger en _implicit type_. Tanken er at
  * TypeScript skal kunne oppdage når komponenten forventer children og ikke

package/build/es/components/card/Card.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import{b as o,c as i,C as n}from"../../../CardImage-CRhZdMQc.js";import"./NavCard.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../tag/Tag.js";import"../SlotComponent.js";export{o as CARD_PADDINGS,i as CARD_VARIANTS,n as Card};
+import{jsx as a}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import s from"react";import{SlotComponent as o}from"../../utilities/polymorphism/SlotComponent.js";const r=["s","m","l","xl"],i=["outlined","high","low"],l=s.forwardRef((function(s,r){const{className:i,clickable:l=!1,padding:c="s",variant:d="high",asChild:e,as:m="div",...n}=s;return a(e?o:m,{"data-testid":"jkl-card","data-clickable":l,"data-padding":c,className:t("jkl-card",`jkl-card--${d}`,i),...n,ref:r})}));export{r as CARD_PADDINGS,i as CARD_VARIANTS,l as Card};
 //# sourceMappingURL=Card.js.map

package/build/es/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent, type AsChildProps, type PolymorphicPropsWithRef, type PolymorphicRef } from \"../../utilities\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"high\", \"low\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\nexport type CardProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        className?: string;\n        /**\n         * Setter padding på kortet. Tilsvarer samme property i Figma.\n         * @default \"s\"\n         */\n        padding?: CardPadding;\n        /**\n         * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n         * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n         * @default \"high\"\n         */\n        variant?: CardVariant;\n        /**\n         * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n         * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n         * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n         * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n         * skal lese alt innholdet i kortet.\n         */\n        clickable?: boolean;\n    }\n>;\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"high\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n"],"names":["CARD_PADDINGS","CARD_VARIANTS","Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","jsx","SlotComponent","clsx"],"mappings":"yLAIO,MAAMA,EAAgB,CAAC,IAAK,IAAK,IAAK,MAEhCC,EAAgB,CAAC,WAAY,OAAQ,OAuCrCC,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MACFC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAKA,OAAAS,EAHcH,EAAUI,EAAgBH,EAGvC,CACG,cAAY,WACZ,iBAAgBJ,EAChB,eAAcC,EACdF,UAAWS,EAAK,WAAY,aAAaN,IAAWH,MAChDM,EACJP,IAAAA,GAGZ"}

package/build/es/components/card/CardImage.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import{a as o}from"../../../CardImage-CRhZdMQc.js";import"./NavCard.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../tag/Tag.js";import"../SlotComponent.js";export{o as CardImage};
+import{jsx as o}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";import m from"react";import{SlotComponent as a}from"../../utilities/polymorphism/SlotComponent.js";const t=m.forwardRef((function({as:m,asChild:t,className:e,placement:s="top",...i},l){return o(t?a:m||"img",{ref:l,className:r("jkl-card-image",`jkl-card-image--${s}`,e),...i})}));export{t as CardImage};
 //# sourceMappingURL=CardImage.js.map

package/build/es/components/card/CardImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardImage.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CardImage.js","sources":["../../../../src/components/card/CardImage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent, type AsChildProps, type PolymorphicPropsWithRef, type PolymorphicRef } from \"../../utilities\";\n\nexport type CardImageProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        /**\n         * Legger til riktig negativ margin avhengig av hvor i kortet bildet\n         * skal plasseres. Margin justeres automatisk etter padding i kortet.\n         * @default \"top\"\n         */\n        placement?: \"top\" | \"middle\" | \"bottom\";\n    }\n>;\n\ntype CardImageComponent = <ElementType extends React.ElementType = \"img\">(\n    props: CardImageProps<ElementType>,\n) => React.ReactElement | null;\n\n/**\n * Bildekomponent som kan brukes i `Card` for å sørge for at bildet\n * blør helt ut i kantene av kortet. Rendres normalt som et `<img>`-\n * element, men du kan overstyre dette med `as` dersom du f.eks. har\n * en egen komponent for å håndtere responsive bilder.\n */\nexport const CardImage = React.forwardRef(function CardImage<ElementType extends React.ElementType = \"img\">(\n    { as, asChild, className, placement = \"top\", ...imageProps }: CardImageProps<ElementType> & AsChildProps,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const Component = asChild ? SlotComponent : as || \"img\";\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-card-image\", `jkl-card-image--${placement}`, className)}\n            {...imageProps}\n        />\n    );\n}) as CardImageComponent;\n"],"names":["CardImage","React","forwardRef","as","asChild","className","placement","imageProps","ref","jsx","SlotComponent","clsx"],"mappings":"yLA0BO,MAAMA,EAAYC,EAAMC,YAAW,UACpCC,GAAAA,EAAIC,QAAAA,EAASC,UAAAA,EAAWC,UAAAA,EAAY,SAAUC,GAChDC,GAKI,OAAAC,EAHcL,EAAUM,EAAgBP,GAAM,MAG7C,CACGK,IAAAA,EACAH,UAAWM,EAAK,iBAAkB,mBAAmBL,IAAaD,MAC9DE,GAGhB"}

package/build/es/components/card/index.js

@@ -1,2 +1,2 @@
-import{C as a,a as r}from"../../../CardImage-CRhZdMQc.js";import{InfoBlock as s,NavCard as o}from"./NavCard.js";import{TaskCard as C}from"./TaskCard.js";import{InfoCard as d}from"./InfoCard.js";export{a as Card,r as CardImage,s as InfoBlock,d as InfoCard,o as NavCard,C as TaskCard};
+import{Card as a}from"./Card.js";import{CardImage as r}from"./CardImage.js";import{InfoBlock as s,NavCard as o}from"./NavCard.js";import{TaskCard as d}from"./TaskCard.js";import{InfoCard as C}from"./InfoCard.js";export{a as Card,r as CardImage,s as InfoBlock,C as InfoCard,o as NavCard,d as TaskCard};
 //# sourceMappingURL=index.js.map

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

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

package/build/es/components/index.js

@@ -1,2 +1,2 @@
-import{C as o,a as n}from"../../CardImage-CRhZdMQc.js";import{InfoBlock as s,NavCard as r}from"./card/NavCard.js";import{TaskCard as a}from"./card/TaskCard.js";import{InfoCard as e}from"./card/InfoCard.js";import{Icon as c}from"./icon/Icon.js";import{ArrowVerticalAnimated as i}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as t}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as m}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as I}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as l}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as p}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as f}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as k}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as j}from"./icon/icons/CalendarIcon.js";import{CheckIcon as d}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as C}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as u}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as h}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as S}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as A}from"./icon/icons/CloseIcon.js";import{CopyIcon as T}from"./icon/icons/CopyIcon.js";import{DotsIcon as w}from"./icon/icons/DotsIcon.js";import{DragIcon as g}from"./icon/icons/DragIcon.js";import{ErrorIcon as L}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as v}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as b}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as R}from"./icon/icons/InfoIcon.js";import{LinkIcon as D}from"./icon/icons/LinkIcon.js";import{PlusIcon as B}from"./icon/icons/PlusIcon.js";import{QuestionIcon as E}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as G}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as N}from"./icon/icons/SearchIcon.js";import{SuccessIcon as P}from"./icon/icons/SuccessIcon.js";import{WarningIcon as U}from"./icon/icons/WarningIcon.js";import{MinusIcon as H}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as x}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as y}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as W}from"./icon/icons/TrashCanIcon.js";import{PenIcon as z}from"./icon/icons/PenIcon.js";import{IconButton as M}from"./icon-button/IconButton.js";import{Link as O}from"./link/Link.js";import{NavLink as Q}from"./link/NavLink.js";import{LinkList as V}from"./link-list/LinkList.js";import{Loader as q}from"./loader/Loader.js";import{SkeletonAnimation as F}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as J}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as K}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as X}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as Y}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Z}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as $,SkeletonTableHeader as _,SkeletonTableRow as oo}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as no}from"./loader/skeletons/SkeletonTextArea.js";import{ErrorTag as so,InfoTag as ro,SuccessTag as ao,Tag as eo,WarningTag as co}from"./tag/Tag.js";import{ScreenReaderOnly as io}from"./ScreenReaderOnly.js";import{SlotComponent as to}from"./SlotComponent.js";export{I as ArrowDownIcon,t as ArrowHorizontalAnimated,l as ArrowLeftIcon,p as ArrowNorthEastIcon,f as ArrowRightIcon,k as ArrowUpIcon,i as ArrowVerticalAnimated,j as CalendarIcon,o as Card,n as CardImage,d as CheckIcon,C as ChevronDownIcon,u as ChevronLeftIcon,h as ChevronRightIcon,S as ChevronUpIcon,A as CloseIcon,T as CopyIcon,w as DotsIcon,g as DragIcon,L as ErrorIcon,so as ErrorTag,v as GreenCheckIcon,b as HamburgerIcon,c as Icon,M as IconButton,s as InfoBlock,e as InfoCard,R as InfoIcon,ro as InfoTag,O as Link,D as LinkIcon,V as LinkList,q as Loader,H as MinusIcon,r as NavCard,Q as NavLink,z as PenIcon,B as PlusIcon,m as PlusRemoveAnimated,E as QuestionIcon,G as RedCrossIcon,io as ScreenReaderOnly,N as SearchIcon,F as SkeletonAnimation,J as SkeletonButton,K as SkeletonCheckboxGroup,X as SkeletonElement,Y as SkeletonInput,Z as SkeletonRadioButtonGroup,$ as SkeletonTable,_ as SkeletonTableHeader,oo as SkeletonTableRow,no as SkeletonTextArea,to as SlotComponent,P as SuccessIcon,ao as SuccessTag,eo as Tag,a as TaskCard,x as ThumbDownIcon,y as ThumbUpIcon,W as TrashCanIcon,U as WarningIcon,co as WarningTag};
+import{Card as o}from"./card/Card.js";import{CardImage as n}from"./card/CardImage.js";import{InfoBlock as r,NavCard as s}from"./card/NavCard.js";import{TaskCard as a}from"./card/TaskCard.js";import{InfoCard as i}from"./card/InfoCard.js";import{Icon as e}from"./icon/Icon.js";import{ArrowVerticalAnimated as t}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as c}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as m}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as p}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as I}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as l}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as f}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as u}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as k}from"./icon/icons/CalendarIcon.js";import{CheckIcon as j}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as d}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as C}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as T}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as g}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as h}from"./icon/icons/CloseIcon.js";import{CopyIcon as S}from"./icon/icons/CopyIcon.js";import{DotsIcon as A}from"./icon/icons/DotsIcon.js";import{DragIcon as w}from"./icon/icons/DragIcon.js";import{ErrorIcon as L}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as b}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as v}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as R}from"./icon/icons/InfoIcon.js";import{LinkIcon as D}from"./icon/icons/LinkIcon.js";import{PlusIcon as G}from"./icon/icons/PlusIcon.js";import{QuestionIcon as P}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as B}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as E}from"./icon/icons/SearchIcon.js";import{SuccessIcon as N}from"./icon/icons/SuccessIcon.js";import{WarningIcon as U}from"./icon/icons/WarningIcon.js";import{MinusIcon as H}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as x}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as y}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as W}from"./icon/icons/TrashCanIcon.js";import{PenIcon as z}from"./icon/icons/PenIcon.js";import{IconButton as F}from"./icon-button/IconButton.js";import{FieldGroup as M}from"./input-group/FieldGroup.js";import{InputGroup as O}from"./input-group/InputGroup.js";import{Label as Q}from"./input-group/Label.js";import{SupportLabel as V}from"./input-group/SupportLabel.js";import{Link as q}from"./link/Link.js";import{NavLink as J}from"./link/NavLink.js";import{LinkList as K}from"./link-list/LinkList.js";import{Loader as X}from"./loader/Loader.js";import{SkeletonAnimation as Y}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Z}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as $}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as _}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as oo}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as no}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as ro,SkeletonTableHeader as so,SkeletonTableRow as ao}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as io}from"./loader/skeletons/SkeletonTextArea.js";import{ErrorTag as eo,InfoTag as to,SuccessTag as co,Tag as mo,WarningTag as po}from"./tag/Tag.js";import{Tooltip as Io}from"./tooltip/Tooltip.js";import{TooltipContent as lo}from"./tooltip/TooltipContent.js";import{TooltipTrigger as fo}from"./tooltip/TooltipTrigger.js";import{PopupTip as uo}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as ko}from"./ScreenReaderOnly.js";export{p as ArrowDownIcon,c as ArrowHorizontalAnimated,I as ArrowLeftIcon,l as ArrowNorthEastIcon,f as ArrowRightIcon,u as ArrowUpIcon,t as ArrowVerticalAnimated,k as CalendarIcon,o as Card,n as CardImage,j as CheckIcon,d as ChevronDownIcon,C as ChevronLeftIcon,T as ChevronRightIcon,g as ChevronUpIcon,h as CloseIcon,S as CopyIcon,A as DotsIcon,w as DragIcon,L as ErrorIcon,eo as ErrorTag,M as FieldGroup,b as GreenCheckIcon,v as HamburgerIcon,e as Icon,F as IconButton,r as InfoBlock,i as InfoCard,R as InfoIcon,to as InfoTag,O as InputGroup,Q as Label,q as Link,D as LinkIcon,K as LinkList,X as Loader,H as MinusIcon,s as NavCard,J as NavLink,z as PenIcon,G as PlusIcon,m as PlusRemoveAnimated,uo as PopupTip,P as QuestionIcon,B as RedCrossIcon,ko as ScreenReaderOnly,E as SearchIcon,Y as SkeletonAnimation,Z as SkeletonButton,$ as SkeletonCheckboxGroup,_ as SkeletonElement,oo as SkeletonInput,no as SkeletonRadioButtonGroup,ro as SkeletonTable,so as SkeletonTableHeader,ao as SkeletonTableRow,io as SkeletonTextArea,N as SuccessIcon,co as SuccessTag,V as SupportLabel,mo as Tag,a as TaskCard,x as ThumbDownIcon,y as ThumbUpIcon,Io as Tooltip,lo as TooltipContent,fo as TooltipTrigger,W as TrashCanIcon,U as WarningIcon,po as WarningTag};
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","sources":["../../../../src/components/input-group/FieldGroup.tsx"],"sourcesContent":["import cn from \"classnames\";\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={cn(\"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","cn","jsx","Label","Fragment","style","whiteSpace","PopupTip","SupportLabel","label","labelType"],"mappings":"obAmBa,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,EAAG,kBAAmBf,GACjC,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.js

@@ -0,0 +1,2 @@
+import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import i from"classnames";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};
+//# sourceMappingURL=InputGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.js","sources":["../../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import cn from \"classnames\";\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={cn(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","cn","Label","standAlone","htmlFor","srOnly","style","whiteSpace","Fragment","jsx","PopupTip","SupportLabel","labelType","displayName"],"mappings":"4cA+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,EAAG5B,EAAW,kBAAmB,CACxC,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.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import a from"classnames";const s=({variant:s="small",density:n,srOnly:t,children:l,standAlone:o,htmlFor:r,className:c="",...i})=>{const d=a("jkl-label",c,{[`jkl-label--${s}`]:s,"jkl-label--sr-only":t}),m=o?"label":"span";return!o&&r&&(r=void 0,"production"!==process.env.NODE_ENV&&console.warn("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.")),e(m,{...i,className:d,htmlFor:r,"data-density":n,children:l})};export{s as Label};
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../../src/components/input-group/Label.tsx"],"sourcesContent":["import classNames from \"classnames\";\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 = classNames(\"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","classNames","C","process","env","NODE_ENV","console","warn","jsx"],"mappings":"kEAiBO,MAAMA,EAAwB,EACjCC,QAAAA,EAAU,QACVC,QAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,UAAAA,EAAY,MACTC,MAEGC,MAAAA,EAAkBC,EAAW,YAAaH,EAAW,CACvD,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.js

@@ -0,0 +1,2 @@
+import{jsxs as o,jsx as n}from"react/jsx-runtime";import i from"classnames";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import{ErrorIcon as c}from"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import{SuccessIcon as s}from"../icon/icons/SuccessIcon.js";import{WarningIcon as r}from"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";const t=({id:t,helpLabel:m,errorLabel:p,label:e,labelType:a="help",density:l,className:j,srOnly:I,...u})=>{const h=p||m||e,b="error"===a,d="success"===a,f=h?i("jkl-form-support-label",j,{"jkl-form-support-label--sr-only":I,"jkl-form-support-label--help":"help"===a||m&&!p,"jkl-form-support-label--error":b,"jkl-form-support-label--warning":"warning"===a||p,"jkl-form-support-label--success":d}):"jkl-dormant-form-support-label";return o("span",{id:t,className:f,...h?u:{},"data-density":l,children:[n(b?c:d?s:r,{variant:"small",className:"jkl-form-support-label__icon"}),n("span",{children:p||m||e})]})};export{t as SupportLabel};
+//# sourceMappingURL=SupportLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SupportLabel.js","sources":["../../../../src/components/input-group/SupportLabel.tsx"],"sourcesContent":["import cn from \"classnames\";\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        ? cn(\"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","cn","jsxs","children","jsx","ErrorIcon","SuccessIcon","WarningIcon","variant"],"mappings":"+8CAiEO,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,EAAG,yBAA0BP,EAAW,CACpC,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.js

@@ -0,0 +1,2 @@
+import{FieldGroup as p}from"./FieldGroup.js";import{InputGroup as o}from"./InputGroup.js";import{Label as r}from"./Label.js";import{SupportLabel as a}from"./SupportLabel.js";export{p as FieldGroup,o as InputGroup,r as Label,a as SupportLabel};
+//# sourceMappingURL=index.js.map

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

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

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 \"../../core\";\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\";\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.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 \"../../core\";\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\";\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-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 \"../../core\";\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\";\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"}