@fremtind/jokul 1.1.0 → 1.1.2

package/build/cjs/components/radio-button/stories/BaseRadioButton.stories.d.cts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { BaseRadioButton as BaseRadioButtonComponent } from '../BaseRadioButton.cjs';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof BaseRadioButtonComponent>;
-export declare const BaseRadioButton: Story;

package/build/cjs/components/radio-button/stories/RadioButton.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../RadioButton.cjs");;/* empty css                            */const e={title:"Komponenter/RadioButton/RadioButton",component:t.RadioButton,parameters:{layout:"centered"},tags:["autodocs"]};exports.RadioButton={args:{value:"RadioButton"}},exports.default=e;
-//# sourceMappingURL=RadioButton.stories.cjs.map

package/build/cjs/components/radio-button/stories/RadioButton.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.stories.cjs","sources":["../../../../../src/components/radio-button/stories/RadioButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton as RadioButtonComponent } from \"../RadioButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/RadioButton/RadioButton\",\n    component: RadioButtonComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonComponent>;\n\nexport const RadioButton: Story = {\n    args: {\n        value: \"RadioButton\",\n    },\n};\n"],"names":["meta","title","component","RadioButtonComponent","RadioButton","parameters","layout","tags","args","value"],"mappings":"6LAIA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,iCAOuB,CAC9BC,KAAM,CACFC,MAAO"}

package/build/cjs/components/radio-button/stories/RadioButton.stories.d.cts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { RadioButton as RadioButtonComponent } from '../RadioButton.cjs';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof RadioButtonComponent>;
-export declare const RadioButton: Story;

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../RadioButton.cjs"),o=require("../RadioButtonGroup.cjs");/* empty css                             */require("react");const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:o.RadioButtonGroup,parameters:{layout:"centered"},tags:["autodocs"]},u=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],n={args:{legend:"Dette er en RadioButtonGroup"},render:r=>e.jsx(o.RadioButtonGroup,{...r,children:u.map((o=>e.jsx(t.RadioButton,{value:o,children:o},o)))})};exports.RadioButtonGroup=n,exports.default=r;
-//# sourceMappingURL=RadioButtonGroup.stories.cjs.map

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButtonGroup.stories.cjs","sources":["../../../../../src/components/radio-button/stories/RadioButtonGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton } from \"../RadioButton.js\";\nimport { RadioButtonGroup as RadioButtonGroupComponent } from \"../RadioButtonGroup.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n    title: \"Komponenter/RadioButton/RadioButtonGroup\",\n    component: RadioButtonGroupComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonGroupComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonGroupComponent>;\n\nconst choices = [\n    \"Send en e-post\",\n    \"Ring meg\",\n    \"Send et brev til folkeregistrert adresse\",\n];\n\nexport const RadioButtonGroup: Story = {\n    args: {\n        legend: \"Dette er en RadioButtonGroup\",\n    },\n    render: (args) => (\n        <RadioButtonGroupComponent {...args}>\n            {choices.map((value) => (\n                <RadioButton key={value} value={value}>\n                    {value}\n                </RadioButton>\n            ))}\n        </RadioButtonGroupComponent>\n    ),\n};\n"],"names":["meta","title","component","RadioButtonGroupComponent","RadioButtonGroup","parameters","layout","tags","choices","args","legend","render","jsx","children","map","value","RadioButton"],"mappings":"kRAMA,MAAMA,EAAa,CACfC,MAAO,2CACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAU,CACZ,iBACA,WACA,4CAGSJ,EAA0B,CACnCK,KAAM,CACFC,OAAQ,gCAEZC,OAASF,GACJG,MAAAT,EAAAA,iBAAA,IAA8BM,EAC1BI,SAAAL,EAAQM,KAAKC,GACTH,EAAAA,IAAAI,EAAAA,YAAA,CAAwBD,MAAAA,EACpBF,SADaE,GAAAA"}

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.d.cts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { RadioButtonGroup as RadioButtonGroupComponent } from '../RadioButtonGroup.cjs';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof RadioButtonGroupComponent>;
-export declare const RadioButtonGroup: Story;

package/build/cjs/components/radio-panel/stories/RadioPanel.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const a=require("../RadioPanel.cjs"),r={title:"Komponenter/RadioPanel",component:a.RadioPanel,parameters:{layout:"padded"},argTypes:{extraLabel:{control:"text"}},tags:["autodocs"]},s={args:{label:"Kasko",children:e.jsx("p",{children:"En forsikring som passer de fleste biler. Dekker det meste av skader, også de du selv er ansvarlig for. Inkluderer Minikasko og Ansvar."}),extraLabel:"Anbefalt",value:"Kasko",alwaysOpen:!1},render:r=>e.jsx(a.RadioPanel,{...r})};exports.RadioPanel=s,exports.default=r;
-//# sourceMappingURL=RadioPanel.stories.cjs.map

package/build/cjs/components/radio-panel/stories/RadioPanel.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioPanel.stories.cjs","sources":["../../../../../src/components/radio-panel/stories/RadioPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { RadioPanel as RadioPanelComponent } from \"../RadioPanel.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/RadioPanel\",\n    component: RadioPanelComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    argTypes: {\n        extraLabel: {\n            control: \"text\",\n        },\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const RadioPanel: Story = {\n    args: {\n        label: \"Kasko\",\n        children: (\n            <p>\n                En forsikring som passer de fleste biler. Dekker det meste av\n                skader, også de du selv er ansvarlig for. Inkluderer Minikasko\n                og Ansvar.\n            </p>\n        ),\n        extraLabel: \"Anbefalt\",\n        value: \"Kasko\",\n        alwaysOpen: false,\n    },\n    render: (args) => <RadioPanelComponent {...args} />,\n};\n"],"names":["meta","title","component","RadioPanelComponent","RadioPanel","parameters","layout","argTypes","extraLabel","control","tags","args","label","children","jsx","value","alwaysOpen","render"],"mappings":"uMAKMA,EAAO,CACTC,MAAO,yBACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,UAEZC,SAAU,CACNC,WAAY,CACRC,QAAS,SAGjBC,KAAM,CAAC,aAMEN,EAAoB,CAC7BO,KAAM,CACFC,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJL,WAAY,WACZO,MAAO,QACPC,YAAY,GAEhBC,OAASN,GAAUG,EAAAA,IAAAX,EAAAA,WAAA,IAAwBQ"}

package/build/cjs/components/radio-panel/stories/RadioPanel.stories.d.cts

@@ -1,18 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<import('../types.js').RadioPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        extraLabel: {
-            control: "text";
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const RadioPanel: Story;

package/build/cjs/components/segmented-control/stories/segmentedControl.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("react"),r=require("../../link/Link.cjs"),s=require("../../list/List.cjs"),n=require("../../list/ListItem.cjs"),i=require("../SegmentedControl.cjs");/* empty css                             */;/* empty css                            */const l={title:"Komponenter/SegmentedControl",component:i.SegmentedControl,parameters:{layout:"centered"},tags:["autodocs"]},o=["Auto","Light","Dark","High Contrast"],a=["Vis alt","Dekker","Dekker ikke","Dekkes kanskje"],d={name:"Segmented Control",args:{legend:"Tema",items:o,separateItem:1},argTypes:{defaultValue:{control:"select",options:[...o,...o.keys()]}},render:t=>e.jsx(i.SegmentedControl,{...t})},k={name:"Segmented Control: Dekningsoversikt",args:{legend:"Velg hva som vises",items:a,defaultValue:a[1],showLegend:!1,separateItem:1},argTypes:{defaultValue:{control:"select",options:[...a,...a.keys()]}},render:l=>{const[o,d]=t.useState(l.defaultValue),k=e.jsxs(s.List,{children:[e.jsx(n.CheckListItem,{children:"avtalt erstatning hvis hunder dør eller må avlives som følge av ulykke eller sykdom"}),e.jsx(n.CheckListItem,{children:"forsvinning og tyveri"})]}),c=e.jsx(s.List,{children:e.jsx(n.CrossListItem,{children:"hvis hunden må avlives på grunn av atferdsproblemer, for eksempel nervøsitet eller aggresjon"})}),g=e.jsx(s.List,{children:e.jsx(n.ListItem,{children:"kanskje hunden din stikker av, det dekker vi ikke hehe"})}),m=e.jsxs("div",{style:{marginBlockStart:"24px"},children:[e.jsx("p",{children:"På denne siden har vi forenklet teksten om hva forsikringen dekker og ikke dekker. Du må alltid lese vilkårene i avtaledokumentet for å få full oversikt."}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsx(r.Link,{external:!0,href:"#",children:"Fullstendige vilkår (PDF)"}),e.jsx(r.Link,{external:!0,href:"#",children:"Standardisert produktinformasjon (PDF)"})]})]});return e.jsxs(e.Fragment,{children:[e.jsx("h2",{style:{marginBlockEnd:"24px"},children:"Dekningsoversikt hund og katt"}),e.jsx(i.SegmentedControl,{...l,onChange:e=>d(e.target.value)}),e.jsxs("div",{style:{maxWidth:"60ch",display:"flex",gap:"24px",flexDirection:"column",marginBlockStart:"24px"},children:[o===a[0]&&e.jsxs(e.Fragment,{children:[k,c,g]}),o===a[1]&&k,o===a[2]&&g,o===a[3]&&c,m]})]})}};exports.DekningsoversiktStory=k,exports.SegmentedControlStory=d,exports.default=l;
-//# sourceMappingURL=segmentedControl.stories.cjs.map

package/build/cjs/components/segmented-control/stories/segmentedControl.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmentedControl.stories.cjs","sources":["../../../../../src/components/segmented-control/stories/segmentedControl.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from \"@storybook/react\";\nimport React, {useState} from \"react\";\nimport {Link} from \"../../link/index.js\";\nimport {\n    CheckListItem,\n    CrossListItem,\n    List,\n    ListItem,\n} from \"../../list/index.js\";\nimport {SegmentedControl} from \"../SegmentedControl.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../list/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/SegmentedControl\",\n    component: SegmentedControl,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof SegmentedControl>;\n\nconst themeChoices = [\"Auto\", \"Light\", \"Dark\", \"High Contrast\"];\nconst coverageChoices = [\"Vis alt\", \"Dekker\", \"Dekker ikke\", \"Dekkes kanskje\"];\n\nexport const SegmentedControlStory: Story = {\n    name: \"Segmented Control\",\n    args: {\n        legend: \"Tema\",\n        items: themeChoices,\n        separateItem: 1,\n    },\n    argTypes: {\n        defaultValue: {\n            control: \"select\",\n            options: [...themeChoices, ...themeChoices.keys()],\n        },\n    },\n    render: (args) => <SegmentedControl {...args} />,\n};\n\nexport const DekningsoversiktStory: Story = {\n    name: \"Segmented Control: Dekningsoversikt\",\n    args: {\n        legend: \"Velg hva som vises\",\n        items: coverageChoices,\n        defaultValue: coverageChoices[1],\n        showLegend: false,\n        separateItem: 1,\n    },\n    argTypes: {\n        defaultValue: {\n            control: \"select\",\n            options: [...coverageChoices, ...coverageChoices.keys()],\n        },\n    },\n    render: (args) => {\n        const [value, setValue] = useState(args.defaultValue);\n\n        const dekkesListe = (\n            <List>\n                <CheckListItem>\n                    avtalt erstatning hvis hunder dør eller må avlives som følge\n                    av ulykke eller sykdom\n                </CheckListItem>\n                <CheckListItem>forsvinning og tyveri</CheckListItem>\n            </List>\n        );\n\n        const dekkesIkkeListe = (\n            <List>\n                <CrossListItem>\n                    hvis hunden må avlives på grunn av atferdsproblemer, for\n                    eksempel nervøsitet eller aggresjon\n                </CrossListItem>\n            </List>\n        );\n\n        const dekkesKanskjeListe = (\n            <List>\n                <ListItem>\n                    kanskje hunden din stikker av, det dekker vi ikke hehe\n                </ListItem>\n            </List>\n        );\n\n        const links = (\n            <div style={{marginBlockStart: \"24px\"}}>\n                <p>\n                    På denne siden har vi forenklet teksten om hva forsikringen\n                    dekker og ikke dekker. Du må alltid lese vilkårene i\n                    avtaledokumentet for å få full oversikt.\n                </p>\n                <div\n                    style={{\n                        display: \"flex\",\n                        flexDirection: \"column\",\n                        gap: \"12px\",\n                    }}\n                >\n                    <Link external={true} href={\"#\"}>\n                        Fullstendige vilkår (PDF)\n                    </Link>\n                    <Link external={true} href={\"#\"}>\n                        Standardisert produktinformasjon (PDF)\n                    </Link>\n                </div>\n            </div>\n        );\n\n        return (\n            <>\n                <h2 style={{marginBlockEnd: \"24px\"}}>\n                    Dekningsoversikt hund og katt\n                </h2>\n                <SegmentedControl\n                    {...args}\n                    onChange={(e) => setValue(e.target.value)}\n                />\n                <div\n                    style={{\n                        maxWidth: \"60ch\",\n                        display: \"flex\",\n                        gap: \"24px\",\n                        flexDirection: \"column\",\n                        marginBlockStart: \"24px\",\n                    }}\n                >\n                    {value === coverageChoices[0] && (\n                        <>\n                            {dekkesListe}\n                            {dekkesIkkeListe}\n                            {dekkesKanskjeListe}\n                        </>\n                    )}\n                    {value === coverageChoices[1] && dekkesListe}\n                    {value === coverageChoices[2] && dekkesKanskjeListe}\n                    {value === coverageChoices[3] && dekkesIkkeListe}\n                    {links}\n                </div>\n            </>\n        );\n    },\n};\n"],"names":["meta","title","component","SegmentedControl","parameters","layout","tags","themeChoices","coverageChoices","SegmentedControlStory","name","args","legend","items","separateItem","argTypes","defaultValue","control","options","keys","render","jsx","DekningsoversiktStory","showLegend","value","setValue","useState","dekkesListe","List","children","CheckListItem","dekkesIkkeListe","CrossListItem","dekkesKanskjeListe","ListItem","links","jsxs","style","marginBlockStart","display","flexDirection","gap","Link","external","href","Fragment","marginBlockEnd","onChange","e","target","maxWidth"],"mappings":"sYAeA,MAAMA,EAAa,CACfC,MAAO,+BACPC,UAAWC,EAAAA,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAe,CAAC,OAAQ,QAAS,OAAQ,iBACzCC,EAAkB,CAAC,UAAW,SAAU,cAAe,kBAEhDC,EAA+B,CACxCC,KAAM,oBACNC,KAAM,CACFC,OAAQ,OACRC,MAAON,EACPO,aAAc,GAElBC,SAAU,CACNC,aAAc,CACVC,QAAS,SACTC,QAAS,IAAIX,KAAiBA,EAAaY,UAGnDC,OAAST,GAAUU,EAAAA,IAAAlB,EAAAA,iBAAA,IAAqBQ,KAG/BW,EAA+B,CACxCZ,KAAM,sCACNC,KAAM,CACFC,OAAQ,qBACRC,MAAOL,EACPQ,aAAcR,EAAgB,GAC9Be,YAAY,EACZT,aAAc,GAElBC,SAAU,CACNC,aAAc,CACVC,QAAS,SACTC,QAAS,IAAIV,KAAoBA,EAAgBW,UAGzDC,OAAST,IACL,MAAOa,EAAOC,GAAYC,EAAAA,SAASf,EAAKK,cAElCW,SACDC,EACGA,KAAA,CAAAC,SAAA,CAAAR,EAAAA,IAACS,iBAAcD,SAGf,wFACAR,EAAAA,IAACS,iBAAcD,SAAqB,6BAItCE,EACDV,EAAAA,IAAAO,EAAAA,KAAA,CACGC,SAACR,MAAAW,EAAAA,cAAA,CAAcH,4GAOjBI,EACDZ,EAAAA,IAAAO,EAAAA,KAAA,CACGC,SAACR,MAAAa,EAAAA,SAAA,CAASL,sEAMZM,EACDC,EAAAA,KAAA,MAAA,CAAIC,MAAO,CAACC,iBAAkB,QAC3BT,SAAA,CAAAR,EAAAA,IAAC,KAAEQ,SAIH,8JACAO,EAAAA,KAAC,MAAA,CACGC,MAAO,CACHE,QAAS,OACTC,cAAe,SACfC,IAAK,QAGTZ,SAAA,CAAAR,MAACqB,EAAAA,KAAK,CAAAC,UAAU,EAAMC,KAAM,IAAKf,SAEjC,oCACCa,EAAAA,KAAK,CAAAC,UAAU,EAAMC,KAAM,IAAKf,SAEjC,iDAKZ,OAEQO,EAAAA,KAAAS,WAAA,CAAAhB,SAAA,CAAAR,MAAC,MAAGgB,MAAO,CAACS,eAAgB,QAASjB,SAErC,kCACAR,EAAAA,IAAClB,EAAAA,iBAAA,IACOQ,EACJoC,SAAWC,GAAMvB,EAASuB,EAAEC,OAAOzB,SAEvCY,EAAAA,KAAC,MAAA,CACGC,MAAO,CACHa,SAAU,OACVX,QAAS,OACTE,IAAK,OACLD,cAAe,SACfF,iBAAkB,QAGrBT,SAAA,CAAUL,IAAAhB,EAAgB,IAElB4B,EAAAA,KAAAS,EAAAA,SAAA,CAAAhB,SAAA,CAAAF,EACAI,EACAE,KAGRT,IAAUhB,EAAgB,IAAMmB,EAChCH,IAAUhB,EAAgB,IAAMyB,EAChCT,IAAUhB,EAAgB,IAAMuB,EAChCI,OAET"}

package/build/cjs/components/segmented-control/stories/segmentedControl.stories.d.cts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SegmentedControl } from '../SegmentedControl.cjs';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof SegmentedControl>;
-export declare const SegmentedControlStory: Story;
-export declare const DekningsoversiktStory: Story;

package/build/cjs/components/select/stories/select.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const l=require("../Select.cjs"),t={title:"Komponenter/Select",component:l.Select,parameters:{layout:"padded"},tags:["autodocs"]},a={args:{name:"Select",label:"Hvilket merke er telefonen?",items:[{value:"Apple",label:"Apple"},{value:"Samsung",label:"Samsung"},{value:"Google",label:"Google"},{value:"OnePlus",label:"OnePlus"},{value:"Nokia",label:"Nokia"}]},render:({...t})=>e.jsx(l.Select,{...t})};exports.SelectStory=a,exports.default=t;
-//# sourceMappingURL=select.stories.cjs.map

package/build/cjs/components/select/stories/select.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.stories.cjs","sources":["../../../../../src/components/select/stories/select.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Select } from \"../Select.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Select\",\n    component: Select,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Select>;\n\nconst baseArgs = {\n    name: \"Select\",\n    label: \"Hvilket merke er telefonen?\",\n    items: [\n        { value: \"Apple\", label: \"Apple\" },\n        { value: \"Samsung\", label: \"Samsung\" },\n        { value: \"Google\", label: \"Google\" },\n        { value: \"OnePlus\", label: \"OnePlus\" },\n        { value: \"Nokia\", label: \"Nokia\" },\n    ],\n};\n\nexport const SelectStory: Story = {\n    args: baseArgs,\n    render: ({ ...props }) => <Select {...props} />,\n};\n"],"names":["meta","title","component","Select","parameters","layout","tags","SelectStory","args","name","label","items","value","render","props","jsx"],"mappings":"mMAKMA,EAAa,CACfC,MAAO,qBACPC,UAAWC,EAAAA,OACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAmBEC,EAAqB,CAC9BC,KAba,CACbC,KAAM,SACNC,MAAO,8BACPC,MAAO,CACH,CAAEC,MAAO,QAASF,MAAO,SACzB,CAAEE,MAAO,UAAWF,MAAO,WAC3B,CAAEE,MAAO,SAAUF,MAAO,UAC1B,CAAEE,MAAO,UAAWF,MAAO,WAC3B,CAAEE,MAAO,QAASF,MAAO,WAM7BG,OAAQ,KAAMC,KAAYC,EAAAA,IAACZ,EAAQA,OAAA,IAAGW"}

package/build/cjs/components/select/stories/select.stories.d.cts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Select } from '../Select.cjs';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof Select>;
-export declare const SelectStory: Story;

package/build/cjs/components/summary-table/stories/summary-table.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const r=require("../SummaryTable.cjs"),a=require("../SummaryTableRow.cjs"),t={title:"Komponenter/SummaryTable",component:r.SummaryTable,parameters:{layout:"padded"},tags:["autodocs"]},m="­",o={args:{caption:"Example",header:["Product","Price"],body:e.jsxs(e.Fragment,{children:[e.jsx(a.SummaryTableRow,{header:`Uføre${m}pensjon`,content:"340,00 kr/mnd"}),e.jsx(a.SummaryTableRow,{className:"summary-table-example__custom-row",header:`Livs${m}forsikring`,content:"Tatt ut av tilbudet"}),e.jsx(a.SummaryTableRow,{header:`Innbo${m}forsikring`,content:"122,00 kr/mnd"}),e.jsx(a.SummaryTableRow,{header:`Reise${m}forsikring`,content:"249,00 kr/mnd"}),e.jsx(a.SummaryTableRow,{className:"summary-table-example__custom-row",header:"Rabatt",content:"- 17,50 kr/mnd"})]}),footer:e.jsxs(e.Fragment,{children:[e.jsx(a.SummaryTableRow,{header:"Total sum",content:"693,50 kr/mnd"}),e.jsx(a.SummaryTableRow,{header:e.jsx("span",{className:"jkl-sr-only",children:"Total sum per år"}),content:"8322,50 kr/mnd"})]})}};exports.SummaryTable=o,exports.default=t;
-//# sourceMappingURL=summary-table.stories.cjs.map

package/build/cjs/components/summary-table/stories/summary-table.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"summary-table.stories.cjs","sources":["../../../../../src/components/summary-table/stories/summary-table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { SummaryTable as SummaryTableComponent } from \"../SummaryTable.js\";\nimport { SummaryTableRow } from \"../SummaryTableRow.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SummaryTable\",\n    component: SummaryTableComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof SummaryTableComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst SOFT_HYPHEN = \"\\u00AD\";\n\nexport const SummaryTable: Story = {\n    args: {\n        caption: \"Example\",\n        header: [\"Product\", \"Price\"],\n        body: (\n            <>\n                <SummaryTableRow\n                    header={`Uføre${SOFT_HYPHEN}pensjon`}\n                    content=\"340,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    className=\"summary-table-example__custom-row\"\n                    header={`Livs${SOFT_HYPHEN}forsikring`}\n                    content=\"Tatt ut av tilbudet\"\n                />\n                <SummaryTableRow\n                    header={`Innbo${SOFT_HYPHEN}forsikring`}\n                    content=\"122,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    header={`Reise${SOFT_HYPHEN}forsikring`}\n                    content=\"249,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    className=\"summary-table-example__custom-row\"\n                    header=\"Rabatt\"\n                    content=\"- 17,50 kr/mnd\"\n                />\n            </>\n        ),\n        footer: (\n            <>\n                <SummaryTableRow header=\"Total sum\" content=\"693,50 kr/mnd\" />\n                <SummaryTableRow\n                    header={\n                        <span className=\"jkl-sr-only\">Total sum per år</span>\n                    }\n                    content=\"8322,50 kr/mnd\"\n                />\n            </>\n        ),\n    },\n};\n"],"names":["meta","title","component","SummaryTableComponent","SummaryTable","parameters","layout","tags","SOFT_HYPHEN","args","caption","header","body","jsxs","Fragment","children","jsx","SummaryTableRow","content","className","footer"],"mappings":"6OAMMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EAAAC,aACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMLC,EAAc,IAEPJ,EAAsB,CAC/BK,KAAM,CACFC,QAAS,UACTC,OAAQ,CAAC,UAAW,SACpBC,KAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,WAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGE,UAAU,oCACVR,OAAQ,OAAOH,cACfU,QAAQ,wBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,cAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,cAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGE,UAAU,oCACVR,OAAO,SACPO,QAAQ,sBAIpBE,OAEQP,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAgBA,gBAAA,CAAAN,OAAO,YAAYO,QAAQ,kBAC5CF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OACIK,EAAAA,IAAC,OAAK,CAAAG,UAAU,cAAcJ,SAAgB,qBAElDG,QAAQ"}

package/build/cjs/components/summary-table/stories/summary-table.stories.d.cts

@@ -1,13 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.FC<import('../types.js').SummaryTableProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SummaryTable: Story;

package/build/cjs/components/system-message/stories/ErrorSystemMessage.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../SystemMessage.cjs");;/* empty css                            */const r={title:"Komponenter/SystemMessage/ErrorSystemMessage",component:e.ErrorSystemMessage,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{name:"Error Message",value:"Error",children:"Hei, jeg er en varslingsmelding av typen Error ",defaultValue:0}};exports.ErrorSystemMessage=s,exports.default=r;
-//# sourceMappingURL=ErrorSystemMessage.stories.cjs.map

package/build/cjs/components/system-message/stories/ErrorSystemMessage.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorSystemMessage.stories.cjs","sources":["../../../../../src/components/system-message/stories/ErrorSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { ErrorSystemMessage as ErrorSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SystemMessage/ErrorSystemMessage\",\n    component: ErrorSystemMessageComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ErrorSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n    name: \"Error Message\",\n    value: \"Error\",\n    children: \"Hei, jeg er en varslingsmelding av typen Error \",\n    defaultValue: 0,\n};\nexport const ErrorSystemMessage: Story = {\n    args: {\n        ...baseArgs,\n    },\n};\n"],"names":["meta","title","component","ErrorSystemMessageComponent","ErrorSystemMessage","parameters","layout","tags","args","name","value","children","defaultValue"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,+CACPC,UAAWC,EAAAC,mBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEH,EAA4B,CACrCI,KAAM,CANNC,KAAM,gBACNC,MAAO,QACPC,SAAU,kDACVC,aAAc"}

package/build/cjs/components/system-message/stories/ErrorSystemMessage.stories.d.cts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('../types.js').SystemMessageProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ErrorSystemMessage: Story;

package/build/cjs/components/system-message/stories/InfoSystemMessage.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../SystemMessage.cjs");;/* empty css                            */const s={title:"Komponenter/SystemMessage/InfoSystemMessage",component:e.InfoSystemMessage,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{name:"Info Message",value:"Info",children:"Hei, jeg er en varslingsmelding av typen Info ",defaultValue:0}};exports.InfoSystemMessage=t,exports.default=s;
-//# sourceMappingURL=InfoSystemMessage.stories.cjs.map

package/build/cjs/components/system-message/stories/InfoSystemMessage.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoSystemMessage.stories.cjs","sources":["../../../../../src/components/system-message/stories/InfoSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { InfoSystemMessage as InfoSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SystemMessage/InfoSystemMessage\",\n    component: InfoSystemMessageComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof InfoSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n    name: \"Info Message\",\n    value: \"Info\",\n    children: \"Hei, jeg er en varslingsmelding av typen Info \",\n    defaultValue: 0,\n};\nexport const InfoSystemMessage: Story = {\n    args: {\n        ...baseArgs,\n    },\n};\n"],"names":["meta","title","component","InfoSystemMessageComponent","InfoSystemMessage","parameters","layout","tags","args","name","value","children","defaultValue"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,8CACPC,UAAWC,EAAAC,kBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEH,EAA2B,CACpCI,KAAM,CANNC,KAAM,eACNC,MAAO,OACPC,SAAU,iDACVC,aAAc"}

package/build/cjs/components/system-message/stories/InfoSystemMessage.stories.d.cts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('../types.js').SystemMessageProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const InfoSystemMessage: Story;

package/build/cjs/components/system-message/stories/SuccessSystemMessage.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../SystemMessage.cjs");;/* empty css                            */const s={title:"Komponenter/SystemMessage/SuccessSystemMessage",component:e.SuccessSystemMessage,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{name:"Success Message",value:"Success",children:"Hei, jeg er en varslingsmelding av typen Success ",defaultValue:0}};exports.SuccessSystemMessage=t,exports.default=s;
-//# sourceMappingURL=SuccessSystemMessage.stories.cjs.map

package/build/cjs/components/system-message/stories/SuccessSystemMessage.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SuccessSystemMessage.stories.cjs","sources":["../../../../../src/components/system-message/stories/SuccessSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { SuccessSystemMessage as SuccessSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SystemMessage/SuccessSystemMessage\",\n    component: SuccessSystemMessageComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof SuccessSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n    name: \"Success Message\",\n    value: \"Success\",\n    children: \"Hei, jeg er en varslingsmelding av typen Success \",\n    defaultValue: 0,\n};\nexport const SuccessSystemMessage: Story = {\n    args: {\n        ...baseArgs,\n    },\n};\n"],"names":["meta","title","component","SuccessSystemMessageComponent","SuccessSystemMessage","parameters","layout","tags","args","name","value","children","defaultValue"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,iDACPC,UAAWC,EAAAC,qBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEH,EAA8B,CACvCI,KAAM,CANNC,KAAM,kBACNC,MAAO,UACPC,SAAU,oDACVC,aAAc"}

package/build/cjs/components/system-message/stories/SuccessSystemMessage.stories.d.cts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('../types.js').SystemMessageProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SuccessSystemMessage: Story;

package/build/cjs/components/system-message/stories/WarningSystemMessage.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../SystemMessage.cjs");;/* empty css                            */const s={title:"Komponenter/SystemMessage/WarningSystemMessage",component:e.WarningSystemMessage,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{name:"Warning Message",value:"Warning",children:"Hei, jeg er en varslingsmelding av typen Warning ",defaultValue:0}};exports.WarningSystemMessage=a,exports.default=s;
-//# sourceMappingURL=WarningSystemMessage.stories.cjs.map

package/build/cjs/components/system-message/stories/WarningSystemMessage.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"WarningSystemMessage.stories.cjs","sources":["../../../../../src/components/system-message/stories/WarningSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { WarningSystemMessage as WarningSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SystemMessage/WarningSystemMessage\",\n    component: WarningSystemMessageComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof WarningSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n    name: \"Warning Message\",\n    value: \"Warning\",\n    children: \"Hei, jeg er en varslingsmelding av typen Warning \",\n    defaultValue: 0,\n};\nexport const WarningSystemMessage: Story = {\n    args: {\n        ...baseArgs,\n    },\n};\n"],"names":["meta","title","component","WarningSystemMessageComponent","WarningSystemMessage","parameters","layout","tags","args","name","value","children","defaultValue"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,iDACPC,UAAWC,EAAAC,qBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEH,EAA8B,CACvCI,KAAM,CANNC,KAAM,kBACNC,MAAO,UACPC,SAAU,oDACVC,aAAc"}

package/build/cjs/components/system-message/stories/WarningSystemMessage.stories.d.cts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('../types.js').SystemMessageProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const WarningSystemMessage: Story;

package/build/cjs/components/table/stories/table.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),r=require("../Table.cjs"),l=require("../TableBody.cjs"),s=require("../TableCaption.cjs"),t=require("../TableCell.cjs"),i=require("../TableHead.cjs"),n=require("../TableHeader.cjs"),o=require("../TableRow.cjs"),d=require("../../../../paginated-table-data-VQZB3_Aj.cjs"),c=require("../utils.cjs"),b=require("./data.cjs");/* empty css                             *//* empty css                             */;/* empty css                            */const u={title:"Komponenter/Table",component:r.Table,subcomponents:{TableCaption:s.TableCaption,TableHead:i.TableHead,TableHeader:n.TableHeader,TableBody:l.TableBody,TableRow:o.TableRow,TableCell:t.TableCell},parameters:{layout:"centered"},tags:["autodocs"]},T={name:"Table",args:{collapseToList:!0,fullWidth:!0,caption:e.jsx(s.TableCaption,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:""},render:a=>e.jsx("div",{style:{width:"90dvw"},children:e.jsxs(r.Table,{...a,children:[e.jsx(i.TableHead,{sticky:!0,children:e.jsx(o.TableRow,{children:b.skadesaker.columns.map(((a,r)=>e.jsx(n.TableHeader,{bold:!0,children:a},r)))})}),e.jsx(l.TableBody,{children:b.skadesaker.rows.map(((a,r)=>e.jsx(o.TableRow,{children:a.map(((a,r)=>e.jsx(t.TableCell,{"data-th":b.skadesaker.columns[r],align:[1,2].includes(r)?"right":"left",children:a},r)))},r)))})]})})},j={name:"useSortableTableHeader",args:{caption:e.jsx(s.TableCaption,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:""},render:s=>{const[u,T]=a.useState(d.columns[0]),[j,p]=a.useState("desc"),{getSortProps:h}=c.useSortableTableHeader(u,j,((e,a)=>{T(e),p(a)}));return e.jsxs(r.Table,{caption:s.caption,fullWidth:!0,children:[e.jsx(i.TableHead,{sticky:!0,children:e.jsx(o.TableRow,{children:b.faktura.columns.slice(0,4).map(((a,r)=>e.jsx(n.TableHeader,{bold:!0,...h(a),children:a},r)))})}),e.jsx(l.TableBody,{children:b.faktura.rows.sort(((e,a)=>{if("Forfallsdato"===u){const r=new Date(e[0]).getTime(),l=new Date(a[0]).getTime();return"asc"===j?r-l:l-r}if("Beløp"===u){const r=Number(e[2]),l=Number(a[2]);return"asc"===j?r-l:l-r}return 0})).map(((a,r)=>e.jsx(o.TableRow,{children:a.slice(0,4).map(((a,r)=>e.jsx(t.TableCell,{"data-th":d.columns[r],align:[1,2].includes(r)?"right":"left",children:a.toLocaleString()},r)))},r)))})]})}};exports.StortableTable=j,exports.TableStory=T,exports.default=u;
-//# sourceMappingURL=table.stories.cjs.map

package/build/cjs/components/table/stories/table.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.stories.cjs","sources":["../../../../../src/components/table/stories/table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Table } from \"../Table.js\";\nimport { TableBody } from \"../TableBody.js\";\nimport { TableCaption } from \"../TableCaption.js\";\nimport { TableCell } from \"../TableCell.js\";\nimport { TableHead } from \"../TableHead.js\";\nimport { TableHeader, type TableSortDirection } from \"../TableHeader.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport { columns } from \"../development/paginated-table-data.js\";\nimport { useSortableTableHeader } from \"../utils.js\";\nimport { faktura, skadesaker } from \"./data.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../description-list/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    subcomponents: {\n        TableCaption,\n        TableHead,\n        TableHeader,\n        TableBody,\n        TableRow,\n        TableCell,\n    },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TableStory: Story = {\n    name: \"Table\",\n    args: {\n        collapseToList: true,\n        fullWidth: true,\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: \"\",\n    },\n    render: (args) => (\n        <div style={{ width: \"90dvw\" }}>\n            <Table {...args}>\n                <TableHead sticky={true}>\n                    <TableRow>\n                        {skadesaker.columns.map((column, index) => (\n                            <TableHeader key={index} bold>\n                                {column}\n                            </TableHeader>\n                        ))}\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {skadesaker.rows.map((row, rowIndex) => (\n                        <TableRow key={rowIndex}>\n                            {row.map((cell, cellIndex) => (\n                                <TableCell\n                                    key={cellIndex}\n                                    data-th={skadesaker.columns[cellIndex]}\n                                    align={\n                                        [1, 2].includes(cellIndex)\n                                            ? \"right\"\n                                            : \"left\"\n                                    }\n                                >\n                                    {cell}\n                                </TableCell>\n                            ))}\n                        </TableRow>\n                    ))}\n                </TableBody>\n            </Table>\n        </div>\n    ),\n};\n\nexport const StortableTable: Story = {\n    name: \"useSortableTableHeader\",\n    args: {\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: \"\",\n    },\n    render: (args) => {\n        const [sortBy, setSortBy] = useState(columns[0]);\n        const [direction, setDirection] = useState<TableSortDirection>(\"desc\");\n\n        const handleSortChange = (\n            sortKey: string,\n            sortDirection: TableSortDirection,\n        ) => {\n            setSortBy(sortKey);\n            setDirection(sortDirection);\n        };\n\n        const { getSortProps } = useSortableTableHeader(\n            sortBy,\n            direction,\n            handleSortChange,\n        );\n\n        return (\n            <Table caption={args.caption} fullWidth>\n                <TableHead sticky={true}>\n                    <TableRow>\n                        {faktura.columns.slice(0, 4).map((column, index) => (\n                            <TableHeader\n                                key={index}\n                                bold\n                                {...getSortProps(column)}\n                            >\n                                {column}\n                            </TableHeader>\n                        ))}\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {faktura.rows\n                        .sort((a, b) => {\n                            if (sortBy === \"Forfallsdato\") {\n                                const timeA = new Date(a[0] as Date).getTime();\n                                const timeB = new Date(b[0] as Date).getTime();\n\n                                if (direction === \"asc\") {\n                                    return timeA - timeB;\n                                }\n\n                                return timeB - timeA;\n                            }\n\n                            if (sortBy === \"Beløp\") {\n                                const numberA = Number(a[2]);\n                                const numberB = Number(b[2]);\n\n                                if (direction === \"asc\") {\n                                    return numberA - numberB;\n                                }\n\n                                return numberB - numberA;\n                            }\n\n                            return 0;\n                        })\n                        .map((row, rowIndex) => (\n                            <TableRow key={rowIndex}>\n                                {row.slice(0, 4).map((cell, cellIndex) => (\n                                    <TableCell\n                                        key={cellIndex}\n                                        data-th={columns[cellIndex]}\n                                        align={\n                                            [1, 2].includes(cellIndex)\n                                                ? \"right\"\n                                                : \"left\"\n                                        }\n                                    >\n                                        {cell.toLocaleString()}\n                                    </TableCell>\n                                ))}\n                            </TableRow>\n                        ))}\n                </TableBody>\n            </Table>\n        );\n    },\n};\n"],"names":["meta","title","component","Table","subcomponents","TableCaption","TableHead","TableHeader","TableBody","TableRow","TableCell","parameters","layout","tags","TableStory","name","args","collapseToList","fullWidth","caption","jsx","srOnly","children","render","style","width","jsxs","sticky","skadesaker","columns","map","column","index","bold","rows","row","rowIndex","cell","cellIndex","align","includes","StortableTable","sortBy","setSortBy","useState","direction","setDirection","getSortProps","useSortableTableHeader","sortKey","sortDirection","faktura","slice","sort","a","b","timeA","Date","getTime","timeB","numberA","Number","numberB","toLocaleString"],"mappings":"omBAiBA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EAAAA,MACXC,cAAe,CAAAC,aACXA,EAAAA,aAAAC,UACAA,EAAAA,UAAAC,YACAA,EAAAA,YAAAC,UACAA,EAAAA,UAAAC,SACAA,EAAAA,SACAC,UAAAA,EAAAA,WAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAoB,CAC7BC,KAAM,QACNC,KAAM,CACFC,gBAAgB,EAChBC,WAAW,EACXC,QACIC,EAAAA,IAACf,eAAa,CAAAgB,QAAM,EAACC,SAA2B,gCAEpDA,SAAU,IAEdC,OAASP,GACLI,EAAAA,IAAC,MAAI,CAAAI,MAAO,CAAEC,MAAO,SACjBH,SAACI,EAAAA,KAAAvB,EAAAA,MAAA,IAAUa,EACPM,SAAA,CAAAF,EAAAA,IAACd,aAAUqB,QAAQ,EACfL,eAACb,EAAAA,SACI,CAAAa,SAAAM,EAAAA,WAAWC,QAAQC,KAAI,CAACC,EAAQC,IAC7BZ,EAAAA,IAACb,eAAwB0B,MAAI,EACxBX,YADaU,SAM7BZ,EAAAA,IAAAZ,EAAAA,UAAA,CACIc,SAAWM,EAAAA,WAAAM,KAAKJ,KAAI,CAACK,EAAKC,IACvBhB,EAAAA,IAACX,EAAAA,SACI,CAAAa,SAAAa,EAAIL,KAAI,CAACO,EAAMC,IACZlB,EAAAA,IAACV,EAAAA,UAAA,CAEG,UAASkB,EAAAA,WAAWC,QAAQS,GAC5BC,MACI,CAAC,EAAG,GAAGC,SAASF,GACV,QACA,OAGThB,SAAAe,GARIC,MAHFF,aAsB1BK,EAAwB,CACjC1B,KAAM,yBACNC,KAAM,CACFG,QACIC,EAAAA,IAACf,eAAa,CAAAgB,QAAM,EAACC,SAA2B,gCAEpDA,SAAU,IAEdC,OAASP,IACL,MAAO0B,EAAQC,GAAaC,EAAAA,SAASf,EAAAA,QAAQ,KACtCgB,EAAWC,GAAgBF,EAAAA,SAA6B,SAUvDG,aAAAA,GAAiBC,EAAAA,uBACrBN,EACAG,GAVqB,CACrBI,EACAC,KAEAP,EAAUM,GACVH,EAAaI,EAAa,IAS9B,cACK/C,EAAMA,MAAA,CAAAgB,QAASH,EAAKG,QAASD,WAAS,EACnCI,SAAA,CAAAF,MAACd,EAAAA,UAAU,CAAAqB,QAAQ,EACfL,SAAAF,EAAAA,IAACX,YACIa,SAAQ6B,EAAAA,QAAAtB,QAAQuB,MAAM,EAAG,GAAGtB,KAAI,CAACC,EAAQC,IACtCZ,EAAAA,IAACb,EAAAA,YAAA,CAEG0B,MAAI,KACAc,EAAahB,GAEhBT,SAAAS,GAJIC,eASpBxB,EAAAA,UACI,CAAAc,SAAA6B,EAAAA,QAAQjB,KACJmB,MAAK,CAACC,EAAGC,KACN,GAAe,iBAAXb,EAA2B,CAC3B,MAAMc,EAAQ,IAAIC,KAAKH,EAAE,IAAYI,UAC/BC,EAAQ,IAAIF,KAAKF,EAAE,IAAYG,UAErC,MAAkB,QAAdb,EACOW,EAAQG,EAGZA,EAAQH,CAAA,CAGnB,GAAe,UAAXd,EAAoB,CACpB,MAAMkB,EAAUC,OAAOP,EAAE,IACnBQ,EAAUD,OAAON,EAAE,IAEzB,MAAkB,QAAdV,EACOe,EAAUE,EAGdA,EAAUF,CAAA,CAGd,YAEV9B,KAAI,CAACK,EAAKC,IACNhB,EAAAA,IAAAX,EAAAA,SAAA,CACIa,SAAIa,EAAAiB,MAAM,EAAG,GAAGtB,KAAI,CAACO,EAAMC,IACxBlB,EAAAA,IAACV,EAAAA,UAAA,CAEG,UAASmB,UAAQS,GACjBC,MACI,CAAC,EAAG,GAAGC,SAASF,GACV,QACA,OAGThB,WAAKyC,kBARDzB,MAHFF,SAiB/B"}

package/build/cjs/components/table/stories/table.stories.d.cts

@@ -1,22 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('../types.js').TableProps & React.RefAttributes<HTMLTableElement>>;
-    subcomponents: {
-        TableCaption: React.ForwardRefExoticComponent<import('../types.js').TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
-        TableHead: React.ForwardRefExoticComponent<import('../types.js').TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableHeader: React.ForwardRefExoticComponent<import('../types.js').TableHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-        TableBody: React.ForwardRefExoticComponent<import('../types.js').TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableRow: React.ForwardRefExoticComponent<import('../types.js').TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-        TableCell: React.ForwardRefExoticComponent<import('../types.js').TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TableStory: Story;
-export declare const StortableTable: Story;

package/build/cjs/components/table/stories/tableCollapsing.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),r=require("../../description-list/DescriptionList.cjs"),l=require("../../link/Link.cjs"),i=require("../ExpandableTableRow.cjs"),n=require("../ExpandableTableRowController.cjs"),t=require("../Table.cjs"),s=require("../TableBody.cjs"),o=require("../TableCaption.cjs"),c=require("../TableCell.cjs"),d=require("../TableHead.cjs"),b=require("../TableHeader.cjs"),p=require("../TableRow.cjs"),j=require("../../../../paginated-table-data-VQZB3_Aj.cjs"),x=require("./data.cjs");/* empty css                             *//* empty css                             */;/* empty css                            */const u={title:"Komponenter/Table/ExpandableTableRow",component:i.ExpandableTableRow,subcomponents:{ExpandableTableRowController:n.ExpandableTableRowController},parameters:{layout:"centered"},tags:["autodocs"]},T={name:"Expandable Table",args:{colSpan:99,clickable:!1,isOpen:!1,expandedChildren:""},render:u=>e.jsx("div",{style:{width:"90dvw"},children:e.jsxs(t.Table,{fullWidth:!0,caption:e.jsx(o.TableCaption,{children:"Eksempel på ekspanderbare rader"}),children:[e.jsx(d.TableHead,{sticky:!0,children:e.jsxs(p.TableRow,{children:[x.faktura.columns.slice(0,4).map(((a,r)=>e.jsx(b.TableHeader,{bold:!0,children:a},r))),e.jsx(b.TableHeader,{})]})}),e.jsx(s.TableBody,{children:x.faktura.rows.map(((t,s)=>a.createElement(i.ExpandableTableRow,{...u,key:s,expandedChildren:e.jsxs(r.DescriptionList,{children:[x.faktura.columns.map(((l,i)=>t.map(((n,t)=>i===t&&e.jsxs(a.Fragment,{children:[e.jsx(r.DescriptionTerm,{children:l}),e.jsx(r.DescriptionDetail,{children:n.toLocaleString()})]},t))))),e.jsx(r.DescriptionTerm,{children:"Faktura"}),e.jsx(r.DescriptionDetail,{children:e.jsx(l.Link,{external:!0,target:"_blank",href:"#",children:"Åpne i ny fane"})}),e.jsx(r.DescriptionDetail,{children:e.jsx(l.Link,{download:`${t[3]} ${new Date(t[0]).toLocaleDateString()}`,href:"#",children:"Last ned"})})]})},e.jsx(c.TableCell,{children:e.jsx(l.Link,{download:`${t[3]} ${new Date(t[0]).toLocaleDateString()}`,href:"#",children:new Date(t[0]).toLocaleDateString()})}),t.slice(1,4).map(((a,r)=>e.jsx(c.TableCell,{"data-th":j.columns[r],children:a.toLocaleString()},r))),e.jsx(n.ExpandableTableRowController,{children:"Vis detaljer"}))))})]})})};exports.TableCollapse=T,exports.default=u;
-//# sourceMappingURL=tableCollapsing.stories.cjs.map

package/build/cjs/components/table/stories/tableCollapsing.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableCollapsing.stories.cjs","sources":["../../../../../src/components/table/stories/tableCollapsing.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { Fragment } from \"react\";\nimport {\n    DescriptionDetail,\n    DescriptionList,\n    DescriptionTerm,\n} from \"../../description-list/index.js\";\nimport { Link } from \"../../link/index.js\";\nimport { ExpandableTableRow } from \"../ExpandableTableRow.js\";\nimport { ExpandableTableRowController } from \"../ExpandableTableRowController.js\";\nimport { Table } from \"../Table.js\";\nimport { TableBody } from \"../TableBody.js\";\nimport { TableCaption } from \"../TableCaption.js\";\nimport { TableCell } from \"../TableCell.js\";\nimport { TableHead } from \"../TableHead.js\";\nimport { TableHeader } from \"../TableHeader.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport { columns } from \"../development/paginated-table-data.js\";\nimport { faktura } from \"./data.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../description-list/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table/ExpandableTableRow\",\n    component: ExpandableTableRow,\n    subcomponents: {\n        ExpandableTableRowController,\n    },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TableCollapse: Story = {\n    name: \"Expandable Table\",\n    args: {\n        colSpan: 99,\n        // @ts-ignore\n        clickable: false,\n        isOpen: false,\n        expandedChildren: \"\",\n    },\n    render: (args) => (\n        <div style={{ width: \"90dvw\" }}>\n            <Table\n                fullWidth={true}\n                caption={\n                    <TableCaption>Eksempel på ekspanderbare rader</TableCaption>\n                }\n            >\n                <TableHead sticky={true}>\n                    <TableRow>\n                        {faktura.columns.slice(0, 4).map((column, index) => (\n                            <TableHeader key={index} bold>\n                                {column}\n                            </TableHeader>\n                        ))}\n                        <TableHeader />\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {faktura.rows.map((row, rowIndex) => (\n                        <ExpandableTableRow\n                            {...args}\n                            key={rowIndex}\n                            expandedChildren={\n                                <DescriptionList>\n                                    {faktura.columns.map(\n                                        (column, columnIndex) =>\n                                            row.map(\n                                                (cell, rowIndex) =>\n                                                    columnIndex ===\n                                                        rowIndex && (\n                                                        <Fragment\n                                                            key={rowIndex}\n                                                        >\n                                                            <DescriptionTerm>\n                                                                {column}\n                                                            </DescriptionTerm>\n                                                            <DescriptionDetail>\n                                                                {cell.toLocaleString()}\n                                                            </DescriptionDetail>\n                                                        </Fragment>\n                                                    ),\n                                            ),\n                                    )}\n                                    <DescriptionTerm>Faktura</DescriptionTerm>\n                                    <DescriptionDetail>\n                                        <Link\n                                            external\n                                            target={\"_blank\"}\n                                            href={\"#\"}\n                                        >\n                                            Åpne i ny fane\n                                        </Link>\n                                    </DescriptionDetail>\n                                    <DescriptionDetail>\n                                        <Link\n                                            download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                            href={\"#\"}\n                                        >\n                                            Last ned\n                                        </Link>\n                                    </DescriptionDetail>\n                                </DescriptionList>\n                            }\n                        >\n                            <TableCell>\n                                <Link\n                                    download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                    href={\"#\"}\n                                >\n                                    {new Date(\n                                        row[0] as Date,\n                                    ).toLocaleDateString()}\n                                </Link>\n                            </TableCell>\n                            {row.slice(1, 4).map((cell, cellIndex) => (\n                                <TableCell\n                                    key={cellIndex}\n                                    data-th={columns[cellIndex]}\n                                >\n                                    {cell.toLocaleString()}\n                                </TableCell>\n                            ))}\n                            <ExpandableTableRowController>\n                                Vis detaljer\n                            </ExpandableTableRowController>\n                        </ExpandableTableRow>\n                    ))}\n                </TableBody>\n            </Table>\n        </div>\n    ),\n};\n"],"names":["meta","title","component","ExpandableTableRow","subcomponents","ExpandableTableRowController","parameters","layout","tags","TableCollapse","name","args","colSpan","clickable","isOpen","expandedChildren","render","jsx","style","width","children","jsxs","Table","fullWidth","caption","TableCaption","TableHead","sticky","TableRow","faktura","columns","slice","map","column","index","TableHeader","bold","TableBody","rows","row","rowIndex","createElement","key","DescriptionList","columnIndex","cell","Fragment","DescriptionTerm","DescriptionDetail","toLocaleString","Link","external","target","href","download","Date","toLocaleDateString","TableCell","cellIndex"],"mappings":"2vBAwBA,MAAMA,EAAO,CACTC,MAAO,uCACPC,UAAWC,EAAAA,mBACXC,cAAe,CACXC,6BAAAA,EAAAA,8BAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAuB,CAChCC,KAAM,mBACNC,KAAM,CACFC,QAAS,GAETC,WAAW,EACXC,QAAQ,EACRC,iBAAkB,IAEtBC,OAASL,GACLM,EAAAA,IAAC,OAAIC,MAAO,CAAEC,MAAO,SACjBC,SAAAC,EAAAA,KAACC,EAAAA,MAAA,CACGC,WAAW,EACXC,QACKP,EAAAA,IAAAQ,EAAAA,aAAA,CAAaL,SAA+B,oCAGjDA,SAAA,CAAAH,MAACS,EAAAA,UAAU,CAAAC,QAAQ,EACfP,SAAAC,EAAAA,KAACO,WACI,CAAAR,SAAA,CAAAS,EAAAA,QAAQC,QAAQC,MAAM,EAAG,GAAGC,KAAI,CAACC,EAAQC,UACrCC,EAAAA,YAAwB,CAAAC,MAAI,EACxBhB,SAAAa,GADaC,WAIrBC,EAAYA,YAAA,CAAA,cAGpBE,EAAAA,UACI,CAAAjB,SAAAS,EAAAA,QAAQS,KAAKN,KAAI,CAACO,EAAKC,IACpBC,EAAAA,cAACtC,EAAAA,mBAAA,IACOQ,EACJ+B,IAAKF,EACLzB,wBACK4B,kBACI,CAAAvB,SAAA,CAAAS,EAAAA,QAAQC,QAAQE,KACb,CAACC,EAAQW,IACLL,EAAIP,KACA,CAACa,EAAML,IACHI,IACIJ,GACAnB,EAAAA,KAACyB,EAAAA,SAAA,CAGG1B,SAAA,CAAAH,EAAAA,IAAC8B,mBACI3B,SACLa,IACChB,EAAAA,IAAA+B,EAAAA,kBAAA,CACI5B,SAAKyB,EAAAI,qBANLT,OAY7BvB,EAAAA,IAAC8B,mBAAgB3B,SAAO,kBACvB4B,EAAAA,kBACG,CAAA5B,SAAAH,EAAAA,IAACiC,EAAAA,KAAA,CACGC,UAAQ,EACRC,OAAQ,SACRC,KAAM,IACTjC,SAAA,2BAIJ4B,EAAAA,kBACG,CAAA5B,SAAAH,EAAAA,IAACiC,EAAAA,KAAA,CACGI,SAAU,GAAGf,EAAI,MAAM,IAAIgB,KAAKhB,EAAI,IAAYiB,uBAChDH,KAAM,IACTjC,SAAA,yBAOZqC,EAAAA,UACG,CAAArC,SAAAH,EAAAA,IAACiC,EAAAA,KAAA,CACGI,SAAU,GAAGf,EAAI,MAAM,IAAIgB,KAAKhB,EAAI,IAAYiB,uBAChDH,KAAM,IAELjC,SAAI,IAAAmC,KACDhB,EAAI,IACNiB,yBAGTjB,EAAIR,MAAM,EAAG,GAAGC,KAAI,CAACa,EAAMa,IACxBzC,EAAAA,IAACwC,EAAAA,UAAA,CAEG,UAAS3B,UAAQ4B,GAEhBtC,WAAK6B,kBAHDS,KAMbzC,EAAAA,IAACZ,gCAA6Be,SAE9B"}

package/build/cjs/components/table/stories/tableCollapsing.stories.d.cts

@@ -1,16 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('../types.js').ExpandableTableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-    subcomponents: {
-        ExpandableTableRowController: React.ForwardRefExoticComponent<import('../types.js').ExpandableTableRowControllerProps & React.RefAttributes<HTMLTableCellElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TableCollapse: Story;

package/build/cjs/components/table/stories/tableComplex.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),a=require("../../button/Button.cjs"),l=require("../../description-list/DescriptionList.cjs"),t=require("../../link/Link.cjs"),s=require("../../select/Select.cjs");require("../../select/NativeSelect.cjs"),require("../../text-input/BaseTextInput.cjs");const n=require("../../text-input/TextInput.cjs"),i=require("../ExpandableTableRow.cjs"),o=require("../ExpandableTableRowController.cjs"),c=require("../Table.cjs"),u=require("../TableBody.cjs"),d=require("../TableCaption.cjs"),b=require("../TableCell.cjs"),j=require("../TableFooter.cjs"),x=require("../TableHead.cjs"),T=require("../TableHeader.cjs"),p=require("../TablePagination.cjs"),h=require("../TableRow.cjs"),g=require("../utils.cjs"),m=require("./data.cjs");/* empty css                             *//* empty css                             *//* empty css                             *//* empty css                             *//* empty css                             */;/* empty css                            */const w={title:"Komponenter/Table",component:c.Table,subcomponents:{TableCaption:d.TableCaption,TableHead:x.TableHead,TableHeader:T.TableHeader,TableBody:u.TableBody,TableRow:h.TableRow,TableCell:b.TableCell},parameters:{layout:"centered"},tags:["autodocs"]},f={name:"Kompleks Table",args:{collapseToList:!0,fullWidth:!0,caption:e.jsx(d.TableCaption,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:""},render:d=>{const w=r.useRef(null),[f,q]=r.useState(0),[k,S]=r.useState(6),[C,D]=r.useState(m.faktura.columns[0]),[L,v]=r.useState("desc"),[R,y]=r.useState(""),[P,B]=r.useState(""),[F,H]=r.useState(m.faktura.rows),I=f*k,{getSortProps:_}=g.useSortableTableHeader(C,L,((e,r)=>{D(e),v(r)}));return r.useEffect((()=>{H(m.faktura.rows.filter((e=>e.toString().toLowerCase().includes(R.toLowerCase()))).filter((e=>e[3].toString().toLowerCase().includes(P.toLowerCase()))).slice(I,I+k))}),[I,k,R,P]),e.jsxs(e.Fragment,{children:[e.jsxs("aside",{style:{display:"flex",gap:"24px",alignItems:"end",marginBlockEnd:"24px"},children:[e.jsx(n.TextInput,{label:"Søk",value:R,placeholder:"Søk",onChange:e=>y(e.target.value)}),e.jsx(s.Select,{items:[{label:"Alle statuser",value:""},"Faktura","Påminnelse","Inkasso"],label:"Status",name:"status",value:P,onChange:e=>B(e.target.value)}),e.jsx(a.Button,{onClick:()=>{y(""),B("")},children:"Fjern filter"})]}),e.jsx("div",{style:{width:"90dvw"},children:e.jsxs(c.Table,{...d,children:[e.jsx(x.TableHead,{sticky:!0,children:e.jsx(h.TableRow,{children:m.faktura.columns.slice(0,6).map(((r,a)=>e.jsx(T.TableHeader,{bold:!0,..._(r),children:r},a)))})}),e.jsx(u.TableBody,{children:0!==F.length?F.sort(((e,r)=>{if("Forfallsdato"===C){const a=new Date(e[0]).getTime(),l=new Date(r[0]).getTime();return"asc"===L?a-l:l-a}if("Beløp"===C){const a=Number(e[2]),l=Number(r[2]);return"asc"===L?a-l:l-a}return 0})).map(((a,s)=>e.jsxs(i.ExpandableTableRow,{clickable:!1,expandedChildren:e.jsxs(l.DescriptionList,{children:[m.faktura.columns.map(((t,s)=>a.map(((a,n)=>s===n&&e.jsxs(r.Fragment,{children:[e.jsx(l.DescriptionTerm,{children:t}),e.jsx(l.DescriptionDetail,{children:a.toLocaleString()})]},n))))),e.jsx(l.DescriptionTerm,{children:"Faktura"}),e.jsx(l.DescriptionDetail,{children:e.jsx(t.Link,{external:!0,target:"_blank",href:"#",children:"Åpne i ny fane"})}),e.jsx(l.DescriptionDetail,{children:e.jsx(t.Link,{download:`${a[3]} ${new Date(a[0]).toLocaleDateString()}`,href:"#",children:"Last ned"})})]}),children:[e.jsx(b.TableCell,{children:e.jsx(t.Link,{download:`${a[3]} ${new Date(a[0]).toLocaleDateString()}`,href:"#",children:new Date(a[0]).toLocaleDateString()})}),a.slice(1,6).map(((r,a)=>e.jsx(b.TableCell,{"data-th":m.faktura.columns[a],children:r.toLocaleString()},a))),e.jsx(o.ExpandableTableRowController,{children:"Vis detaljer"})]},s))):e.jsx(h.TableRow,{children:e.jsx(b.TableCell,{colSpan:99,children:"Fant ingen fakturaer."})})}),e.jsx(j.TableFooter,{children:e.jsx(h.TableRow,{children:e.jsx(b.TableCell,{colSpan:99,children:e.jsx(p.TablePagination,{activePage:f,totalNumberOfRows:m.faktura.rows.length,rowsPerPage:k,rowsPerPageItems:[6,12,24,{label:"Alle",value:F.length}],onChangeRowsPerPage:e=>{const r=Number.parseInt(e.target.value);S(r),q(0),w.current&&w.current.scrollIntoView({behavior:"smooth"})},onChange:(e,r)=>{q(r),w.current&&w.current.scrollIntoView({behavior:"smooth"})}})})})})]})})]})}};exports.TableComplex=f,exports.default=w;
-//# sourceMappingURL=tableComplex.stories.cjs.map

package/build/cjs/components/table/stories/tableComplex.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableComplex.stories.cjs","sources":["../../../../../src/components/table/stories/tableComplex.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { Fragment, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"../../button/index.js\";\nimport {\n    DescriptionDetail,\n    DescriptionList,\n    DescriptionTerm,\n} from \"../../description-list/index.js\";\nimport { Link } from \"../../link/index.js\";\nimport { Select } from \"../../select/index.js\";\nimport { TextInput } from \"../../text-input/index.js\";\nimport { ExpandableTableRow } from \"../ExpandableTableRow.js\";\nimport { ExpandableTableRowController } from \"../ExpandableTableRowController.js\";\nimport { Table } from \"../Table.js\";\nimport { TableBody } from \"../TableBody.js\";\nimport { TableCaption } from \"../TableCaption.js\";\nimport { TableCell } from \"../TableCell.js\";\nimport { TableFooter } from \"../TableFooter.js\";\nimport { TableHead } from \"../TableHead.js\";\nimport { TableHeader, type TableSortDirection } from \"../TableHeader.js\";\nimport { TablePagination } from \"../TablePagination.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport { useSortableTableHeader } from \"../utils.js\";\nimport { faktura } from \"./data.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../description-list/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\nimport \"../../button/styles/_index.scss\";\nimport \"../../combobox/styles/_index.scss\";\nimport \"../../text-input/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    subcomponents: {\n        TableCaption,\n        TableHead,\n        TableHeader,\n        TableBody,\n        TableRow,\n        TableCell,\n    },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TableComplex: Story = {\n    name: \"Kompleks Table\",\n    args: {\n        collapseToList: true,\n        fullWidth: true,\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: \"\",\n    },\n    render: (args) => {\n        const ref = useRef<HTMLTableElement>(null);\n        const [activePage, setActivePage] = useState(0);\n        const [rowsPerPage, setRowsPerPage] = useState(6);\n        const [sortBy, setSortBy] = useState(faktura.columns[0]);\n        const [direction, setDirection] = useState<TableSortDirection>(\"desc\");\n        const [search, setSearch] = useState(\"\");\n        const [status, setStatus] = useState(\"\");\n        const [filteredRows, setFilteredRows] = useState(faktura.rows);\n\n        const startIndex = activePage * rowsPerPage;\n\n        const handleSortChange = (\n            sortKey: string,\n            sortDirection: TableSortDirection,\n        ) => {\n            setSortBy(sortKey);\n            setDirection(sortDirection);\n        };\n\n        const { getSortProps } = useSortableTableHeader(\n            sortBy,\n            direction,\n            handleSortChange,\n        );\n\n        useEffect(() => {\n            setFilteredRows(\n                faktura.rows\n                    .filter((row) =>\n                        row\n                            .toString()\n                            .toLowerCase()\n                            .includes(search.toLowerCase()),\n                    )\n                    .filter((row) =>\n                        row[3]\n                            .toString()\n                            .toLowerCase()\n                            .includes(status.toLowerCase()),\n                    )\n                    .slice(startIndex, startIndex + rowsPerPage),\n            );\n        }, [startIndex, rowsPerPage, search, status]);\n\n        return (\n            <>\n                <aside\n                    style={{\n                        display: \"flex\",\n                        gap: \"24px\",\n                        alignItems: \"end\",\n                        marginBlockEnd: \"24px\",\n                    }}\n                >\n                    <TextInput\n                        label={\"Søk\"}\n                        value={search}\n                        placeholder={\"Søk\"}\n                        onChange={(e) => setSearch(e.target.value)}\n                    />\n                    <Select\n                        items={[\n                            { label: \"Alle statuser\", value: \"\" },\n                            \"Faktura\",\n                            \"Påminnelse\",\n                            \"Inkasso\",\n                        ]}\n                        label={\"Status\"}\n                        name={\"status\"}\n                        value={status}\n                        onChange={(e) => setStatus(e.target.value)}\n                    />\n\n                    <Button\n                        onClick={() => {\n                            setSearch(\"\");\n                            setStatus(\"\");\n                        }}\n                    >\n                        Fjern filter\n                    </Button>\n                </aside>\n                <div style={{ width: \"90dvw\" }}>\n                    <Table {...args}>\n                        <TableHead sticky={true}>\n                            <TableRow>\n                                {faktura.columns\n                                    .slice(0, 6)\n                                    .map((column, index) => (\n                                        <TableHeader\n                                            key={index}\n                                            bold\n                                            {...getSortProps(column)}\n                                        >\n                                            {column}\n                                        </TableHeader>\n                                    ))}\n                            </TableRow>\n                        </TableHead>\n                        <TableBody>\n                            {filteredRows.length !== 0 ? (\n                                filteredRows\n                                    .sort((a, b) => {\n                                        if (sortBy === \"Forfallsdato\") {\n                                            const timeA = new Date(\n                                                a[0] as Date,\n                                            ).getTime();\n                                            const timeB = new Date(\n                                                b[0] as Date,\n                                            ).getTime();\n\n                                            if (direction === \"asc\") {\n                                                return timeA - timeB;\n                                            }\n\n                                            return timeB - timeA;\n                                        }\n\n                                        if (sortBy === \"Beløp\") {\n                                            const numberA = Number(a[2]);\n                                            const numberB = Number(b[2]);\n\n                                            if (direction === \"asc\") {\n                                                return numberA - numberB;\n                                            }\n\n                                            return numberB - numberA;\n                                        }\n\n                                        return 0;\n                                    })\n                                    .map((row, rowIndex) => (\n                                        <ExpandableTableRow\n                                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                            // @ts-ignore\n                                            clickable={false}\n                                            key={rowIndex}\n                                            expandedChildren={\n                                                <DescriptionList>\n                                                    {faktura.columns.map(\n                                                        (column, columnIndex) =>\n                                                            row.map(\n                                                                (\n                                                                    cell,\n                                                                    rowIndex,\n                                                                ) =>\n                                                                    columnIndex ===\n                                                                        rowIndex && (\n                                                                        <Fragment\n                                                                            key={\n                                                                                rowIndex\n                                                                            }\n                                                                        >\n                                                                            <DescriptionTerm>\n                                                                                {\n                                                                                    column\n                                                                                }\n                                                                            </DescriptionTerm>\n                                                                            <DescriptionDetail>\n                                                                                {cell.toLocaleString()}\n                                                                            </DescriptionDetail>\n                                                                        </Fragment>\n                                                                    ),\n                                                            ),\n                                                    )}\n                                                    <DescriptionTerm>\n                                                        Faktura\n                                                    </DescriptionTerm>\n                                                    <DescriptionDetail>\n                                                        <Link\n                                                            external\n                                                            target={\"_blank\"}\n                                                            href={\"#\"}\n                                                        >\n                                                            Åpne i ny fane\n                                                        </Link>\n                                                    </DescriptionDetail>\n                                                    <DescriptionDetail>\n                                                        <Link\n                                                            download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                                            href={\"#\"}\n                                                        >\n                                                            Last ned\n                                                        </Link>\n                                                    </DescriptionDetail>\n                                                </DescriptionList>\n                                            }\n                                        >\n                                            <TableCell>\n                                                <Link\n                                                    download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                                    href={\"#\"}\n                                                >\n                                                    {new Date(\n                                                        row[0] as Date,\n                                                    ).toLocaleDateString()}\n                                                </Link>\n                                            </TableCell>\n                                            {row\n                                                .slice(1, 6)\n                                                .map((cell, cellIndex) => (\n                                                    <TableCell\n                                                        key={cellIndex}\n                                                        data-th={\n                                                            faktura.columns[\n                                                                cellIndex\n                                                            ]\n                                                        }\n                                                    >\n                                                        {cell.toLocaleString()}\n                                                    </TableCell>\n                                                ))}\n                                            <ExpandableTableRowController>\n                                                Vis detaljer\n                                            </ExpandableTableRowController>\n                                        </ExpandableTableRow>\n                                    ))\n                            ) : (\n                                <TableRow>\n                                    <TableCell colSpan={99}>\n                                        Fant ingen fakturaer.\n                                    </TableCell>\n                                </TableRow>\n                            )}\n                        </TableBody>\n                        <TableFooter>\n                            <TableRow>\n                                <TableCell colSpan={99}>\n                                    <TablePagination\n                                        activePage={activePage}\n                                        totalNumberOfRows={faktura.rows.length}\n                                        rowsPerPage={rowsPerPage}\n                                        rowsPerPageItems={[\n                                            6,\n                                            12,\n                                            24,\n                                            {\n                                                label: \"Alle\",\n                                                value: filteredRows.length,\n                                            },\n                                        ]}\n                                        onChangeRowsPerPage={(e) => {\n                                            const newRowsPerPage =\n                                                Number.parseInt(e.target.value);\n                                            setRowsPerPage(newRowsPerPage);\n                                            setActivePage(0);\n                                            if (ref.current) {\n                                                ref.current.scrollIntoView({\n                                                    behavior: \"smooth\",\n                                                });\n                                            }\n                                        }}\n                                        onChange={(_, toPage) => {\n                                            setActivePage(toPage);\n                                            if (ref.current) {\n                                                ref.current.scrollIntoView({\n                                                    behavior: \"smooth\",\n                                                });\n                                            }\n                                        }}\n                                    />\n                                </TableCell>\n                            </TableRow>\n                        </TableFooter>\n                    </Table>\n                </div>\n            </>\n        );\n    },\n};\n"],"names":["meta","title","component","Table","subcomponents","TableCaption","TableHead","TableHeader","TableBody","TableRow","TableCell","parameters","layout","tags","TableComplex","name","args","collapseToList","fullWidth","caption","jsx","srOnly","children","render","ref","useRef","activePage","setActivePage","useState","rowsPerPage","setRowsPerPage","sortBy","setSortBy","faktura","columns","direction","setDirection","search","setSearch","status","setStatus","filteredRows","setFilteredRows","rows","startIndex","getSortProps","useSortableTableHeader","sortKey","sortDirection","useEffect","filter","row","toString","toLowerCase","includes","slice","jsxs","Fragment","style","display","gap","alignItems","marginBlockEnd","TextInput","label","value","placeholder","onChange","e","target","Select","items","Button","onClick","width","sticky","map","column","index","bold","length","sort","a","b","timeA","Date","getTime","timeB","numberA","Number","numberB","rowIndex","ExpandableTableRow","clickable","expandedChildren","DescriptionList","columnIndex","cell","DescriptionTerm","DescriptionDetail","toLocaleString","Link","external","href","download","toLocaleDateString","cellIndex","ExpandableTableRowController","colSpan","TableFooter","TablePagination","totalNumberOfRows","rowsPerPageItems","onChangeRowsPerPage","newRowsPerPage","parseInt","current","scrollIntoView","behavior","_","toPage"],"mappings":"knCAgCA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EAAAA,MACXC,cAAe,CAAAC,aACXA,EAAAA,aAAAC,UACAA,EAAAA,UAAAC,YACAA,EAAAA,YAAAC,UACAA,EAAAA,UAAAC,SACAA,EAAAA,SACAC,UAAAA,EAAAA,WAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAsB,CAC/BC,KAAM,iBACNC,KAAM,CACFC,gBAAgB,EAChBC,WAAW,EACXC,QACIC,EAAAA,IAACf,eAAa,CAAAgB,QAAM,EAACC,SAA2B,gCAEpDA,SAAU,IAEdC,OAASP,IACC,MAAAQ,EAAMC,SAAyB,OAC9BC,EAAYC,GAAiBC,EAAAA,SAAS,IACtCC,EAAaC,GAAkBF,EAAAA,SAAS,IACxCG,EAAQC,GAAaJ,WAASK,UAAQC,QAAQ,KAC9CC,EAAWC,GAAgBR,EAAAA,SAA6B,SACxDS,EAAQC,GAAaV,EAAAA,SAAS,KAC9BW,EAAQC,GAAaZ,EAAAA,SAAS,KAC9Ba,EAAcC,GAAmBd,EAAAA,SAASK,EAAAA,QAAQU,MAEnDC,EAAalB,EAAaG,GAUxBgB,aAAAA,GAAiBC,EAAAA,uBACrBf,EACAI,GAVqB,CACrBY,EACAC,KAEAhB,EAAUe,GACVX,EAAaY,EAAa,IAS9BC,OAAAA,EAAAA,WAAU,KACNP,EACIT,UAAQU,KACHO,QAAQC,GACLA,EACKC,WACAC,cACAC,SAASjB,EAAOgB,iBAExBH,QAAQC,GACLA,EAAI,GACCC,WACAC,cACAC,SAASf,EAAOc,iBAExBE,MAAMX,EAAYA,EAAaf,GACxC,GACD,CAACe,EAAYf,EAAaQ,EAAQE,IAI7BiB,EAAAA,KAAAC,WAAA,CAAAnC,SAAA,CAAAkC,EAAAA,KAAC,QAAA,CACGE,MAAO,CACHC,QAAS,OACTC,IAAK,OACLC,WAAY,MACZC,eAAgB,QAGpBxC,SAAA,CAAAF,EAAAA,IAAC2C,EAAAA,UAAA,CACGC,MAAO,MACPC,MAAO5B,EACP6B,YAAa,MACbC,SAAWC,GAAM9B,EAAU8B,EAAEC,OAAOJ,SAExC7C,EAAAA,IAACkD,EAAAA,OAAA,CACGC,MAAO,CACH,CAAEP,MAAO,gBAAiBC,MAAO,IACjC,UACA,aACA,WAEJD,MAAO,SACPjD,KAAM,SACNkD,MAAO1B,EACP4B,SAAWC,GAAM5B,EAAU4B,EAAEC,OAAOJ,SAGxC7C,EAAAA,IAACoD,EAAAA,OAAA,CACGC,QAAS,KACLnC,EAAU,IACVE,EAAU,GAAE,EAEnBlB,SAAA,oBAILF,EAAAA,IAAC,MAAI,CAAAsC,MAAO,CAAEgB,MAAO,SACjBpD,SAAAkC,EAAAA,KAACrD,EAAOA,MAAA,IAAGa,EACPM,SAAA,CAAAF,MAACd,EAAAA,UAAU,CAAAqE,QAAQ,EACfrD,SAAAF,EAAAA,IAACX,YACIa,SAAQW,EAAAA,QAAAC,QACJqB,MAAM,EAAG,GACTqB,KAAI,CAACC,EAAQC,IACV1D,EAAAA,IAACb,EAAAA,YAAA,CAEGwE,MAAI,KACAlC,EAAagC,GAEhBvD,SAAAuD,GAJIC,SASzB1D,EAAAA,IAACZ,aACIc,SAAwB,IAAXmB,EAAAuC,OACVvC,EACKwC,MAAK,CAACC,EAAGC,KACN,GAAe,iBAAXpD,EAA2B,CAC3B,MAAMqD,EAAQ,IAAIC,KACdH,EAAE,IACJI,UACIC,EAAQ,IAAIF,KACdF,EAAE,IACJG,UAEF,MAAkB,QAAdnD,EACOiD,EAAQG,EAGZA,EAAQH,CAAA,CAGnB,GAAe,UAAXrD,EAAoB,CACpB,MAAMyD,EAAUC,OAAOP,EAAE,IACnBQ,EAAUD,OAAON,EAAE,IAEzB,MAAkB,QAAdhD,EACOqD,EAAUE,EAGdA,EAAUF,CAAA,CAGd,OAAA,KAEVZ,KAAI,CAACzB,EAAKwC,IACPnC,EAAAA,KAACoC,EAAAA,mBAAA,CAGGC,WAAW,EAEXC,wBACKC,kBACI,CAAAzE,SAAA,CAAAW,EAAAA,QAAQC,QAAQ0C,KACb,CAACC,EAAQmB,IACL7C,EAAIyB,KACA,CACIqB,EACAN,IAEAK,IACIL,GACAnC,EAAAA,KAACC,EAAAA,SAAA,CAKGnC,SAAA,CAAAF,EAAAA,IAAC8E,mBAEO5E,SAERuD,IACCzD,EAAAA,IAAA+E,EAAAA,kBAAA,CACI7E,SAAK2E,EAAAG,qBATNT,OAe5BvE,EAAAA,IAAC8E,mBAAgB5E,SAEjB,kBACC6E,EAAAA,kBACG,CAAA7E,SAAAF,EAAAA,IAACiF,EAAAA,KAAA,CACGC,UAAQ,EACRjC,OAAQ,SACRkC,KAAM,IACTjF,SAAA,2BAIJ6E,EAAAA,kBACG,CAAA7E,SAAAF,EAAAA,IAACiF,EAAAA,KAAA,CACGG,SAAU,GAAGrD,EAAI,MAAM,IAAIkC,KAAKlC,EAAI,IAAYsD,uBAChDF,KAAM,IACTjF,SAAA,kBAObA,SAAA,CAAAF,MAACV,EAAAA,UACG,CAAAY,SAAAF,EAAAA,IAACiF,EAAAA,KAAA,CACGG,SAAU,GAAGrD,EAAI,MAAM,IAAIkC,KAAKlC,EAAI,IAAYsD,uBAChDF,KAAM,IAELjF,SAAI,IAAA+D,KACDlC,EAAI,IACNsD,yBAGTtD,EACII,MAAM,EAAG,GACTqB,KAAI,CAACqB,EAAMS,IACRtF,EAAAA,IAACV,EAAAA,UAAA,CAEG,UACIuB,EAAAA,QAAQC,QACJwE,GAIPpF,WAAK8E,kBAPDM,KAUjBtF,EAAAA,IAACuF,gCAA6BrF,SAE9B,mBA9EKqE,KAkFjBvE,EAAAA,IAACX,EAAAA,SACG,CAAAa,SAAAF,EAAAA,IAACV,aAAUkG,QAAS,GAAItF,SAExB,oCAIXuF,EAAAA,YACG,CAAAvF,SAAAF,EAAAA,IAACX,EAAAA,UACGa,SAACF,EAAAA,IAAAV,EAAAA,UAAA,CAAUkG,QAAS,GAChBtF,SAAAF,EAAAA,IAAC0F,EAAAA,gBAAA,CACGpF,WAAAA,EACAqF,kBAAmB9E,EAAAA,QAAQU,KAAKqC,OAChCnD,YAAAA,EACAmF,iBAAkB,CACd,EACA,GACA,GACA,CACIhD,MAAO,OACPC,MAAOxB,EAAauC,SAG5BiC,oBAAsB7C,IAClB,MAAM8C,EACFzB,OAAO0B,SAAS/C,EAAEC,OAAOJ,OAC7BnC,EAAeoF,GACfvF,EAAc,GACVH,EAAI4F,SACJ5F,EAAI4F,QAAQC,eAAe,CACvBC,SAAU,UACb,EAGTnD,SAAU,CAACoD,EAAGC,KACV7F,EAAc6F,GACVhG,EAAI4F,SACJ5F,EAAI4F,QAAQC,eAAe,CACvBC,SAAU,UACb,iBASrC"}

package/build/cjs/components/table/stories/tableComplex.stories.d.cts

@@ -1,21 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('../types.js').TableProps & React.RefAttributes<HTMLTableElement>>;
-    subcomponents: {
-        TableCaption: React.ForwardRefExoticComponent<import('../types.js').TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
-        TableHead: React.ForwardRefExoticComponent<import('../types.js').TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableHeader: React.ForwardRefExoticComponent<import('../types.js').TableHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-        TableBody: React.ForwardRefExoticComponent<import('../types.js').TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableRow: React.ForwardRefExoticComponent<import('../types.js').TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-        TableCell: React.ForwardRefExoticComponent<import('../types.js').TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TableComplex: Story;

package/build/cjs/components/table/stories/tableFiltering.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),l=require("../../button/Button.cjs"),r=require("../../link/Link.cjs"),t=require("../../select/Select.cjs");require("../../select/NativeSelect.cjs"),require("../../text-input/BaseTextInput.cjs");const s=require("../../text-input/TextInput.cjs"),i=require("../Table.cjs"),n=require("../TableBody.cjs"),o=require("../TableCaption.cjs"),c=require("../TableCell.cjs"),u=require("../TableHead.cjs"),d=require("../TableHeader.cjs"),b=require("../TableRow.cjs"),j=require("./data.cjs");/* empty css                             *//* empty css                             *//* empty css                             *//* empty css                             *//* empty css                             */;/* empty css                            */const T={title:"Komponenter/Table",component:i.Table,subcomponents:{TableCaption:o.TableCaption,TableHead:u.TableHead,TableHeader:d.TableHeader,TableBody:n.TableBody,TableRow:b.TableRow,TableCell:c.TableCell},parameters:{layout:"centered"},tags:["autodocs"]},x={name:"Filtrering av data",args:{collapseToList:!0,fullWidth:!0,caption:e.jsx(o.TableCaption,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:""},render:o=>{const[T,x]=a.useState(""),[p,h]=a.useState(""),[q,g]=a.useState(j.faktura.rows);return a.useEffect((()=>{g(j.faktura.rows.filter((e=>e.toString().toLowerCase().includes(T.toLowerCase()))).filter((e=>e[3].toString().toLowerCase().includes(p.toLowerCase()))))}),[T,p]),e.jsxs("div",{style:{width:"90dvw"},children:[e.jsxs("aside",{style:{display:"flex",gap:"24px",alignItems:"end",marginBlockEnd:"24px"},children:[e.jsx(s.TextInput,{label:"Søk",value:T,placeholder:"Søk",onChange:e=>x(e.target.value)}),e.jsx(t.Select,{items:[{label:"Alle statuser",value:""},"Faktura","Påminnelse","Inkasso"],label:"Status",name:"status",value:p,onChange:e=>h(e.target.value)}),e.jsx(l.Button,{onClick:()=>{x(""),h("")},children:"Fjern filter"})]}),e.jsxs(i.Table,{...o,children:[e.jsx(u.TableHead,{sticky:!0,children:e.jsx(b.TableRow,{children:j.faktura.columns.slice(0).map(((a,l)=>e.jsx(d.TableHeader,{bold:!0,children:a},l)))})}),e.jsx(n.TableBody,{children:0!==q.length?q.map(((a,l)=>e.jsxs(b.TableRow,{children:[e.jsx(c.TableCell,{children:e.jsx(r.Link,{download:`${a[3]} ${new Date(a[0]).toLocaleDateString()}`,href:"#",children:new Date(a[0]).toLocaleDateString()})}),a.slice(1).map(((a,l)=>e.jsx(c.TableCell,{"data-th":j.faktura.columns[l],children:a.toLocaleString()},l)))]},l))):e.jsx(b.TableRow,{children:e.jsx(c.TableCell,{colSpan:99,children:"Fant ingen fakturaer."})})})]})]})}};exports.TableFiltering=x,exports.default=T;
-//# sourceMappingURL=tableFiltering.stories.cjs.map

package/build/cjs/components/table/stories/tableFiltering.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableFiltering.stories.cjs","sources":["../../../../../src/components/table/stories/tableFiltering.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from \"@storybook/react\";\nimport React, {useEffect, useState} from \"react\";\nimport {Button} from \"../../button/index.js\";\nimport {Link} from \"../../link/index.js\";\nimport {Select} from \"../../select/index.js\";\nimport {TextInput} from \"../../text-input/index.js\";\nimport {Table} from \"../Table.js\";\nimport {TableBody} from \"../TableBody.js\";\nimport {TableCaption} from \"../TableCaption.js\";\nimport {TableCell} from \"../TableCell.js\";\nimport {TableHead} from \"../TableHead.js\";\nimport {TableHeader} from \"../TableHeader.js\";\nimport {TableRow} from \"../TableRow.js\";\nimport {faktura} from \"./data.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../description-list/styles/_index.scss\";\nimport \"../../button/styles/_index.scss\";\nimport \"../../combobox/styles/_index.scss\";\nimport \"../../text-input/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    subcomponents: {\n        TableCaption,\n        TableHead,\n        TableHeader,\n        TableBody,\n        TableRow,\n        TableCell,\n    },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TableFiltering: Story = {\n    name: \"Filtrering av data\",\n    args: {\n        collapseToList: true,\n        fullWidth: true,\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: \"\",\n    },\n    render: (args) => {\n        const [search, setSearch] = useState(\"\");\n        const [status, setStatus] = useState(\"\");\n        const [filteredRows, setFilteredRows] = useState(faktura.rows);\n\n        useEffect(() => {\n            setFilteredRows(\n                faktura.rows\n                    .filter((row) =>\n                        row\n                            .toString()\n                            .toLowerCase()\n                            .includes(search.toLowerCase()),\n                    )\n                    .filter((row) =>\n                        row[3]\n                            .toString()\n                            .toLowerCase()\n                            .includes(status.toLowerCase()),\n                    ),\n            );\n        }, [search, status]);\n\n        return (\n            <div style={{width: \"90dvw\"}}>\n                <aside\n                    style={{\n                        display: \"flex\",\n                        gap: \"24px\",\n                        alignItems: \"end\",\n                        marginBlockEnd: \"24px\",\n                    }}\n                >\n                    <TextInput\n                        label={\"Søk\"}\n                        value={search}\n                        placeholder={\"Søk\"}\n                        onChange={(e) => setSearch(e.target.value)}\n                    />\n                    <Select\n                        items={[\n                            {label: \"Alle statuser\", value: \"\"},\n                            \"Faktura\",\n                            \"Påminnelse\",\n                            \"Inkasso\",\n                        ]}\n                        label={\"Status\"}\n                        name={\"status\"}\n                        value={status}\n                        onChange={(e) => setStatus(e.target.value)}\n                    />\n\n                    <Button\n                        onClick={() => {\n                            setSearch(\"\");\n                            setStatus(\"\");\n                        }}\n                    >\n                        Fjern filter\n                    </Button>\n                </aside>\n                <Table {...args}>\n                    <TableHead sticky={true}>\n                        <TableRow>\n                            {faktura.columns.slice(0).map((column, index) => (\n                                <TableHeader key={index} bold>\n                                    {column}\n                                </TableHeader>\n                            ))}\n                        </TableRow>\n                    </TableHead>\n                    <TableBody>\n                        {filteredRows.length !== 0 ? (\n                            filteredRows.map((row, rowIndex) => (\n                                <TableRow key={rowIndex}>\n                                    <TableCell>\n                                        <Link\n                                            download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                            href={\"#\"}\n                                        >\n                                            {new Date(\n                                                row[0] as Date,\n                                            ).toLocaleDateString()}\n                                        </Link>\n                                    </TableCell>\n                                    {row.slice(1).map((cell, cellIndex) => (\n                                        <TableCell\n                                            key={cellIndex}\n                                            data-th={faktura.columns[cellIndex]}\n                                        >\n                                            {cell.toLocaleString()}\n                                        </TableCell>\n                                    ))}\n                                </TableRow>\n                            ))\n                        ) : (\n                            <TableRow>\n                                <TableCell colSpan={99}>\n                                    Fant ingen fakturaer.\n                                </TableCell>\n                            </TableRow>\n                        )}\n                    </TableBody>\n                </Table>\n            </div>\n        );\n    },\n};\n"],"names":["meta","title","component","Table","subcomponents","TableCaption","TableHead","TableHeader","TableBody","TableRow","TableCell","parameters","layout","tags","TableFiltering","name","args","collapseToList","fullWidth","caption","jsx","srOnly","children","render","search","setSearch","useState","status","setStatus","filteredRows","setFilteredRows","faktura","rows","useEffect","filter","row","toString","toLowerCase","includes","style","width","jsxs","display","gap","alignItems","marginBlockEnd","TextInput","label","value","placeholder","onChange","e","target","Select","items","Button","onClick","sticky","columns","slice","map","column","index","bold","length","rowIndex","Link","download","Date","toLocaleDateString","href","cell","cellIndex","toLocaleString","colSpan"],"mappings":"o4BAsBA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EAAAA,MACXC,cAAe,CAAAC,aACXA,EAAAA,aAAAC,UACAA,EAAAA,UAAAC,YACAA,EAAAA,YAAAC,UACAA,EAAAA,UAAAC,SACAA,EAAAA,SACAC,UAAAA,EAAAA,WAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAwB,CACjCC,KAAM,qBACNC,KAAM,CACFC,gBAAgB,EAChBC,WAAW,EACXC,QACIC,EAAAA,IAACf,eAAa,CAAAgB,QAAM,EAACC,SAA2B,gCAEpDA,SAAU,IAEdC,OAASP,IACL,MAAOQ,EAAQC,GAAaC,EAAAA,SAAS,KAC9BC,EAAQC,GAAaF,EAAAA,SAAS,KAC9BG,EAAcC,GAAmBJ,EAAAA,SAASK,EAAAA,QAAQC,MAEzDC,OAAAA,EAAAA,WAAU,KACNH,EACIC,UAAQC,KACHE,QAAQC,GACLA,EACKC,WACAC,cACAC,SAASd,EAAOa,iBAExBH,QAAQC,GACLA,EAAI,GACCC,WACAC,cACAC,SAASX,EAAOU,iBAEjC,GACD,CAACb,EAAQG,WAGP,MAAI,CAAAY,MAAO,CAACC,MAAO,SAChBlB,SAAA,CAAAmB,EAAAA,KAAC,QAAA,CACGF,MAAO,CACHG,QAAS,OACTC,IAAK,OACLC,WAAY,MACZC,eAAgB,QAGpBvB,SAAA,CAAAF,EAAAA,IAAC0B,EAAAA,UAAA,CACGC,MAAO,MACPC,MAAOxB,EACPyB,YAAa,MACbC,SAAWC,GAAM1B,EAAU0B,EAAEC,OAAOJ,SAExC5B,EAAAA,IAACiC,EAAAA,OAAA,CACGC,MAAO,CACH,CAACP,MAAO,gBAAiBC,MAAO,IAChC,UACA,aACA,WAEJD,MAAO,SACPhC,KAAM,SACNiC,MAAOrB,EACPuB,SAAWC,GAAMvB,EAAUuB,EAAEC,OAAOJ,SAGxC5B,EAAAA,IAACmC,EAAAA,OAAA,CACGC,QAAS,KACL/B,EAAU,IACVG,EAAU,GAAE,EAEnBN,SAAA,oBAILmB,EAAAA,KAACtC,EAAOA,MAAA,IAAGa,EACPM,SAAA,CAACF,EAAAA,IAAAd,EAAAA,UAAA,CAAUmD,QAAQ,EACfnC,SAAAF,EAAAA,IAACX,YACIa,SAAQS,EAAAA,QAAA2B,QAAQC,MAAM,GAAGC,KAAI,CAACC,EAAQC,UAClCvD,EAAAA,YAAwB,CAAAwD,MAAI,EACxBzC,SADauC,GAAAC,SAM9B1C,EAAAA,IAACZ,EACIA,UAAA,CAAAc,SAAwB,IAAxBO,EAAamC,OACVnC,EAAa+B,KAAI,CAACzB,EAAK8B,IACnBxB,EAAAA,KAAChC,EACGA,SAAA,CAAAa,SAAA,CAAAF,MAACV,EAAAA,UACG,CAAAY,SAAAF,EAAAA,IAAC8C,EAAAA,KAAA,CACGC,SAAU,GAAGhC,EAAI,MAAM,IAAIiC,KAAKjC,EAAI,IAAYkC,uBAChDC,KAAM,IAELhD,SAAI,IAAA8C,KACDjC,EAAI,IACNkC,yBAGTlC,EAAIwB,MAAM,GAAGC,KAAI,CAACW,EAAMC,IACrBpD,EAAAA,IAACV,EAAAA,UAAA,CAEG,UAASqB,EAAAA,QAAQ2B,QAAQc,GAExBlD,WAAKmD,kBAHDD,OAbFP,KAsBlB7C,EAAAA,IAAAX,EAAAA,SAAA,CACGa,SAACF,EAAAA,IAAAV,EAAAA,UAAA,CAAUgE,QAAS,GAAIpD,SAExB,mCAKpB"}

package/build/cjs/components/table/stories/tableFiltering.stories.d.cts

@@ -1,21 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('../types.js').TableProps & React.RefAttributes<HTMLTableElement>>;
-    subcomponents: {
-        TableCaption: React.ForwardRefExoticComponent<import('../types.js').TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
-        TableHead: React.ForwardRefExoticComponent<import('../types.js').TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableHeader: React.ForwardRefExoticComponent<import('../types.js').TableHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-        TableBody: React.ForwardRefExoticComponent<import('../types.js').TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableRow: React.ForwardRefExoticComponent<import('../types.js').TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-        TableCell: React.ForwardRefExoticComponent<import('../types.js').TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TableFiltering: Story;

package/build/cjs/components/table/stories/tablePagination.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const a=require("../../link/Link.cjs"),r=require("../Table.cjs"),o=require("../TableBody.cjs"),t=require("../TableCaption.cjs"),l=require("../TableCell.cjs"),n=require("../TableFooter.cjs"),i=require("../TableHead.cjs"),s=require("../TableHeader.cjs"),c=require("../TablePagination.cjs"),d=require("../TableRow.cjs"),u=require("../../../../paginated-table-data-VQZB3_Aj.cjs"),b=require("./data.cjs");/* empty css                             *//* empty css                             */;/* empty css                            */const g={title:"Komponenter/Table/TablePagination",component:c.TablePagination,parameters:{layout:"centered"},tags:["autodocs"]},T={name:"TablePagination",args:{labels:{next:"Neste side",previous:"Forrige side",rowsPerPage:"Fakturaer per side"},activePage:0,totalNumberOfRows:b.faktura.rows.length,rowsPerPage:12,rowsPerPageItems:[5,10,12,{label:"Alle",value:-1}],withGoToPage:{gotoLabel:"Side"},onChangeRowsPerPage:()=>"",onChange:()=>""},argTypes:{activePage:{control:{type:"number",min:0}},totalNumberOfRows:{control:{type:"number",min:b.faktura.rows.length,max:b.faktura.rows.length}},rowsPerPage:{control:{type:"number",min:-1,max:b.faktura.rows.length}},withGoToPage:{control:"boolean",description:"Du kan også velge å endre teksten ved siden av input-feltet med en optional goToPageLabel-prop."}},render:g=>{const T=(g.activePage||0)*g.rowsPerPage,j=b.faktura.rows.slice(T,T+g.rowsPerPage);return e.jsxs(r.Table,{caption:e.jsx(t.TableCaption,{children:"Eksempel på paginering"}),children:[e.jsx(i.TableHead,{sticky:!0,children:e.jsx(d.TableRow,{children:b.faktura.columns.slice(0,5).map(((a,r)=>e.jsx(s.TableHeader,{bold:!0,children:a},r)))})}),e.jsx(o.TableBody,{children:j.map(((r,o)=>e.jsxs(d.TableRow,{children:[e.jsx(l.TableCell,{children:e.jsx(a.Link,{download:`${r[3]} ${new Date(r[0]).toLocaleDateString()}`,href:"#",children:new Date(r[0]).toLocaleDateString()})}),r.slice(1,5).map(((a,r)=>e.jsx(l.TableCell,{"data-th":u.columns[r],children:a.toLocaleString()},r)))]},o)))}),e.jsx(n.TableFooter,{children:e.jsx(d.TableRow,{children:e.jsx(l.TableCell,{colSpan:99,children:e.jsx(c.TablePagination,{...g})})})})]})}};exports.TablePaginationStory=T,exports.default=g;
-//# sourceMappingURL=tablePagination.stories.cjs.map

package/build/cjs/components/table/stories/tablePagination.stories.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tablePagination.stories.cjs","sources":["../../../../../src/components/table/stories/tablePagination.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Link } from \"../../link/index.js\";\nimport { Table } from \"../Table.js\";\nimport { TableBody } from \"../TableBody.js\";\nimport { TableCaption } from \"../TableCaption.js\";\nimport { TableCell } from \"../TableCell.js\";\nimport { TableFooter } from \"../TableFooter.js\";\nimport { TableHead } from \"../TableHead.js\";\nimport { TableHeader } from \"../TableHeader.js\";\nimport { TablePagination } from \"../TablePagination.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport { columns } from \"../development/paginated-table-data.js\";\nimport { faktura } from \"./data.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../description-list/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table/TablePagination\",\n    component: TablePagination,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TablePaginationStory: Story = {\n    name: \"TablePagination\",\n    args: {\n        labels: {\n            next: \"Neste side\",\n            previous: \"Forrige side\",\n            rowsPerPage: \"Fakturaer per side\",\n        },\n        activePage: 0,\n        totalNumberOfRows: faktura.rows.length,\n        rowsPerPage: 12,\n        rowsPerPageItems: [\n            5,\n            10,\n            12,\n            {\n                label: \"Alle\",\n                value: -1,\n            },\n        ],\n        withGoToPage: {\n            gotoLabel: \"Side\",\n        },\n        onChangeRowsPerPage: () => \"\",\n        onChange: () => \"\",\n    },\n    argTypes: {\n        activePage: {\n            control: {\n                type: \"number\",\n                min: 0,\n            },\n        },\n        totalNumberOfRows: {\n            control: {\n                type: \"number\",\n                min: faktura.rows.length,\n                max: faktura.rows.length,\n            },\n        },\n        rowsPerPage: {\n            control: {\n                type: \"number\",\n                min: -1,\n                max: faktura.rows.length,\n            },\n        },\n        withGoToPage: {\n            control: \"boolean\",\n            description:\n                \"Du kan også velge å endre teksten ved siden av input-feltet med en optional\" +\n                \" goToPageLabel-prop.\",\n        },\n    },\n    render: (args) => {\n        const startIndex = (args.activePage || 0) * args.rowsPerPage;\n\n        const visibleRows = faktura.rows.slice(\n            startIndex,\n            startIndex + args.rowsPerPage,\n        );\n\n        return (\n            <Table\n                caption={<TableCaption>Eksempel på paginering</TableCaption>}\n            >\n                <TableHead sticky={true}>\n                    <TableRow>\n                        {faktura.columns.slice(0, 5).map((column, index) => (\n                            <TableHeader key={index} bold>\n                                {column}\n                            </TableHeader>\n                        ))}\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {visibleRows.map((row, rowIndex) => (\n                        <TableRow key={rowIndex}>\n                            <TableCell>\n                                <Link\n                                    download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                    href={\"#\"}\n                                >\n                                    {new Date(\n                                        row[0] as Date,\n                                    ).toLocaleDateString()}\n                                </Link>\n                            </TableCell>\n                            {row.slice(1, 5).map((cell, cellIndex) => (\n                                <TableCell\n                                    key={cellIndex}\n                                    data-th={columns[cellIndex]}\n                                >\n                                    {cell.toLocaleString()}\n                                </TableCell>\n                            ))}\n                        </TableRow>\n                    ))}\n                </TableBody>\n                <TableFooter>\n                    <TableRow>\n                        <TableCell colSpan={99}>\n                            <TablePagination {...args} />\n                        </TableCell>\n                    </TableRow>\n                </TableFooter>\n            </Table>\n        );\n    },\n};\n"],"names":["meta","title","component","TablePagination","parameters","layout","tags","TablePaginationStory","name","args","labels","next","previous","rowsPerPage","activePage","totalNumberOfRows","faktura","rows","length","rowsPerPageItems","label","value","withGoToPage","gotoLabel","onChangeRowsPerPage","onChange","argTypes","control","type","min","max","description","render","startIndex","visibleRows","slice","jsxs","Table","caption","jsx","TableCaption","children","TableHead","sticky","TableRow","columns","map","column","index","TableHeader","bold","TableBody","row","rowIndex","TableCell","Link","download","Date","toLocaleDateString","href","cell","cellIndex","toLocaleString","TableFooter","colSpan"],"mappings":"mrBAmBA,MAAMA,EAAO,CACTC,MAAO,oCACPC,UAAWC,EAAAA,gBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAA8B,CACvCC,KAAM,kBACNC,KAAM,CACFC,OAAQ,CACJC,KAAM,aACNC,SAAU,eACVC,YAAa,sBAEjBC,WAAY,EACZC,kBAAmBC,EAAAA,QAAQC,KAAKC,OAChCL,YAAa,GACbM,iBAAkB,CACd,EACA,GACA,GACA,CACIC,MAAO,OACPC,OAAO,IAGfC,aAAc,CACVC,UAAW,QAEfC,oBAAqB,IAAM,GAC3BC,SAAU,IAAM,IAEpBC,SAAU,CACNZ,WAAY,CACRa,QAAS,CACLC,KAAM,SACNC,IAAK,IAGbd,kBAAmB,CACfY,QAAS,CACLC,KAAM,SACNC,IAAKb,EAAAA,QAAQC,KAAKC,OAClBY,IAAKd,UAAQC,KAAKC,SAG1BL,YAAa,CACTc,QAAS,CACLC,KAAM,SACNC,KACA,EAAAC,IAAKd,UAAQC,KAAKC,SAG1BI,aAAc,CACVK,QAAS,UACTI,YACI,oGAIZC,OAASvB,IACL,MAAMwB,GAAcxB,EAAKK,YAAc,GAAKL,EAAKI,YAE3CqB,EAAclB,UAAQC,KAAKkB,MAC7BF,EACAA,EAAaxB,EAAKI,aAIlB,OAAAuB,EAAAA,KAACC,EAAAA,MAAA,CACGC,QAAUC,EAAAA,IAAAC,EAAAA,aAAA,CAAaC,SAAsB,2BAE7CA,SAAA,CAACF,EAAAA,IAAAG,EAAAA,UAAA,CAAUC,QAAQ,EACfF,SAAAF,EAAAA,IAACK,YACIH,SAAQzB,EAAAA,QAAA6B,QAAQV,MAAM,EAAG,GAAGW,KAAI,CAACC,EAAQC,IACtCT,EAAAA,IAACU,EAAAA,YAAwB,CAAAC,MAAI,EACxBT,SADaM,GAAAC,SAM9BT,EAAAA,IAACY,aACIV,SAAYP,EAAAY,KAAI,CAACM,EAAKC,WAClBT,EACGA,SAAA,CAAAH,SAAA,CAAAF,MAACe,EAAAA,UACG,CAAAb,SAAAF,EAAAA,IAACgB,EAAAA,KAAA,CACGC,SAAU,GAAGJ,EAAI,MAAM,IAAIK,KAAKL,EAAI,IAAYM,uBAChDC,KAAM,IAELlB,SAAI,IAAAgB,KACDL,EAAI,IACNM,yBAGTN,EAAIjB,MAAM,EAAG,GAAGW,KAAI,CAACc,EAAMC,IACxBtB,EAAAA,IAACe,EAAAA,UAAA,CAEG,UAAST,UAAQgB,GAEhBpB,WAAKqB,kBAHDD,OAbFR,OAsBtBd,MAAAwB,EAAAA,YAAA,CACGtB,SAACF,EAAAA,IAAAK,EAAAA,SAAA,CACGH,eAACa,YAAU,CAAAU,QAAS,GAChBvB,SAAAF,EAAAA,IAACpC,EAAiBA,gBAAA,IAAGM,YAIrC"}