@fellesdatakatalog/ui 1.0.14 → 1.0.15

package/dist/shared-ui.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("classnames"),r=require("react"),l=require("@digdir/designsystemet-react");let o=0;const n=r.useId;function a(e){var t;if(void 0!==n){return n().replace(/(:)/g,"")}return null!==(t=function(e){const[t,l]=r.useState(e),n=e||t;return r.useEffect(()=>{null==t&&(o+=1,l(`aksel-icon-${o}`))},[t]),n}(e))&&void 0!==t?t:""}const i=r.forwardRef((e,t)=>{var{title:l,titleId:o}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r}(e,["title","titleId"]);let i=a();return i=l?o||"title-"+i:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":i},n),l?r.createElement("title",{id:i},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75",clipRule:"evenodd"}))});const c=r.forwardRef((e,t)=>{var{title:l,titleId:o}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r}(e,["title","titleId"]);let i=a();return i=l?o||"title-"+i:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":i},n),l?r.createElement("title",{id:i},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z",clipRule:"evenodd"}))});const s=r.forwardRef((e,t)=>{var{title:l,titleId:o}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r}(e,["title","titleId"]);let i=a();return i=l?o||"title-"+i:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":i},n),l?r.createElement("title",{id:i},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5",clipRule:"evenodd"}))}),d="_orgLogo_8xxnq_1",p=({className:r,orgLogoSrc:l,...o})=>e.jsx("div",{className:t(d,r),...o,children:l?e.jsx("img",{"aria-hidden":!0,src:l,alt:""}):e.jsx(i,{"aria-hidden":!0})}),v="_appBar_w0gn2_1",f="_wrapper_1dyfs_1",m=({children:r,className:l,...o})=>e.jsx("div",{className:t(f,l),...o,children:r}),u="_wrapper_m33an_1",h="_helptext_1o0ls_1",g=r.forwardRef(function({placement:t="right",children:r,...o},n){return e.jsxs(l.Popover.TriggerContext,{children:[e.jsx(l.Popover.Trigger,{className:h,ref:n,variant:"tertiary","data-color":"info",...o}),e.jsx(l.Popover,{placement:t,"data-color":"info",children:r})]})});exports.AppBar=()=>e.jsx("div",{className:v,children:e.jsx(p,{})}),exports.CopyButton=({copyLabel:t,copiedLabel:o,copyOnClick:n,...a})=>{const[i,d]=r.useState(!1);return e.jsx(l.Tooltip,{content:i?e.jsxs(m,{children:[e.jsx(c,{color:"#D1F4E1",fontSize:"1.2em"}),o]}):t,placement:"top",children:e.jsxs(l.Button,{"data-size":"sm",variant:"secondary",onClick:()=>{return e=n,d(!0),void navigator.clipboard.writeText(e);var e},onMouseOver:()=>d(!1),...a,children:[e.jsx(s,{"aria-hidden":!0}),e.jsx("span",{className:"sr-only",children:t})]})})},exports.HStack=m,exports.HelpText=g,exports.OrgLogo=p,exports.VStack=({children:t,...r})=>e.jsx("div",{className:u,...r,children:t});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("classnames"),r=require("react"),l=require("@digdir/designsystemet-react");let a=0;const n=r.useId;function i(e){var t;if(void 0!==n){return n().replace(/(:)/g,"")}return null!==(t=function(e){const[t,l]=r.useState(e),n=e||t;return r.useEffect(()=>{null==t&&(a+=1,l(`aksel-icon-${a}`))},[t]),n}(e))&&void 0!==t?t:""}const o=r.forwardRef((e,t)=>{var{title:l,titleId:a}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(l=Object.getOwnPropertySymbols(e);a<l.length;a++)t.indexOf(l[a])<0&&Object.prototype.propertyIsEnumerable.call(e,l[a])&&(r[l[a]]=e[l[a]])}return r}(e,["title","titleId"]);let o=i();return o=l?a||"title-"+o:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":o},n),l?r.createElement("title",{id:o},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75",clipRule:"evenodd"}))});const s=r.forwardRef((e,t)=>{var{title:l,titleId:a}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(l=Object.getOwnPropertySymbols(e);a<l.length;a++)t.indexOf(l[a])<0&&Object.prototype.propertyIsEnumerable.call(e,l[a])&&(r[l[a]]=e[l[a]])}return r}(e,["title","titleId"]);let o=i();return o=l?a||"title-"+o:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":o},n),l?r.createElement("title",{id:o},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z",clipRule:"evenodd"}))});const d=r.forwardRef((e,t)=>{var{title:l,titleId:a}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(l=Object.getOwnPropertySymbols(e);a<l.length;a++)t.indexOf(l[a])<0&&Object.prototype.propertyIsEnumerable.call(e,l[a])&&(r[l[a]]=e[l[a]])}return r}(e,["title","titleId"]);let o=i();return o=l?a||"title-"+o:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":o},n),l?r.createElement("title",{id:o},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5",clipRule:"evenodd"}))}),c="_orgLogo_eki51_1",p=({className:r,orgLogoSrc:l,...a})=>e.jsx("div",{className:t(c,r),...a,children:l?e.jsx("img",{"aria-hidden":!0,src:l,alt:""}):e.jsx(o,{"aria-hidden":!0})}),u="_appBar_w0gn2_1",v="_wrapper_1dyfs_1",m=({children:r,className:l,...a})=>e.jsx("div",{className:t(v,l),...a,children:r}),h="_wrapper_m33an_1",g="_helptext_1o0ls_1",x=r.forwardRef(function({placement:t="right",children:r,...a},n){return e.jsxs(l.Popover.TriggerContext,{children:[e.jsx(l.Popover.Trigger,{className:g,ref:n,variant:"tertiary","data-color":"info",...a}),e.jsx(l.Popover,{placement:t,"data-color":"info",children:r})]})}),f="_tagList_1n3j5_1";exports.AppBar=()=>e.jsx("div",{className:u,children:e.jsx(p,{})}),exports.CheckboxGroup=({legend:t,description:r,options:a,value:n,onChange:i,error:o,disabled:s,readOnly:d,required:c,name:p,className:u})=>{const{getCheckboxProps:v,validationMessageProps:m}=l.useCheckboxGroup({value:n,onChange:i?e=>i(e):void 0,error:o,disabled:s,readOnly:d,required:c,name:p});return e.jsxs(l.Fieldset,{className:u,children:[t&&e.jsx(l.Fieldset.Legend,{children:t}),r&&e.jsx(l.Fieldset.Description,{children:r}),a.map(t=>e.jsx(l.Checkbox,{label:t.label,description:t.description,disabled:t.disabled,...v({value:t.value,allowIndeterminate:t.allowIndeterminate})},t.value)),o&&e.jsx(l.ValidationMessage,{...m})]})},exports.CopyButton=({copyLabel:t,copiedLabel:a,copyOnClick:n,...i})=>{const[o,c]=r.useState(!1);return e.jsx(l.Tooltip,{content:o?e.jsxs(m,{children:[e.jsx(s,{color:"#D1F4E1",fontSize:"1.2em"}),a]}):t,placement:"top",children:e.jsxs(l.Button,{"data-size":"sm",variant:"secondary",onClick:()=>{return e=n,c(!0),void navigator.clipboard.writeText(e);var e},onMouseOver:()=>c(!1),...i,children:[e.jsx(d,{"aria-hidden":!0}),e.jsx("span",{className:"sr-only",children:t})]})})},exports.HStack=m,exports.HelpText=x,exports.OrgLogo=p,exports.RadioGroup=({legend:t,description:r,options:a,value:n,onChange:i,error:o,disabled:s,readOnly:d,required:c,name:p,className:u})=>{const{getRadioProps:v,validationMessageProps:m}=l.useRadioGroup({value:n,onChange:i?e=>i(e):void 0,error:o,disabled:s,readOnly:d,required:c,name:p});return e.jsxs(l.Fieldset,{className:u,children:[t&&e.jsx(l.Fieldset.Legend,{children:t}),r&&e.jsx(l.Fieldset.Description,{children:r}),a.map(t=>e.jsx(l.Radio,{label:t.label,description:t.description,disabled:t.disabled,...v(t.value)},t.value)),o&&e.jsx(l.ValidationMessage,{...m})]})},exports.TagList=({children:a,className:n,maxTags:i,"data-size":o,...s})=>{const d=r.Children.toArray(a);return d.length?e.jsxs("ul",{className:t(f,n),...s,children:[d.filter(e=>Boolean(e)).slice(0,i??d.length).map((t,l)=>{const a=r.isValidElement(t)&&null!=t.key?t.key:l;return e.jsx("li",{children:t},a)}),i&&i<d.length&&e.jsx("li",{children:e.jsx(l.Tag,{"data-size":o||"sm",children:e.jsxs("span",{children:["+",d.length-i]})})})]}):null},exports.VStack=({children:t,...r})=>e.jsx("div",{className:h,...r,children:t});
 //# sourceMappingURL=shared-ui.cjs.map

package/dist/shared-ui.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"shared-ui.cjs","sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/index.tsx","../src/components/hstack/index.tsx","../src/components/helptext/index.tsx","../src/components/app-bar/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n    const [defaultId, setDefaultId] = useState(idOverride);\n    const id = idOverride || defaultId;\n    useEffect(() => {\n        if (defaultId == null) {\n            // Fallback to this default id when possible.\n            // Use the incrementing value for client-side rendering only.\n            // We can't use it server-side.\n            // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n            globalId += 1;\n            setDefaultId(`aksel-icon-${globalId}`);\n        }\n    }, [defaultId]);\n    return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n    var _a;\n    if (maybeReactUseId !== undefined) {\n        const reactId = maybeReactUseId();\n        return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n    }\n    // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n    return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n    orgLogoSrc?: string | null;\n    className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n    return (\n        <div className={cn(styles.orgLogo, className)} {...props}>\n            {orgLogoSrc ? (\n                <img\n                    aria-hidden\n                    src={orgLogoSrc}\n                    alt=''\n                />\n            ) : (\n                <Buildings3Icon aria-hidden />\n            )}\n        </div>\n    );\n};\n\nexport { OrgLogo };\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport default HStack;\n","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n    /**\n     * Required descriptive label for screen readers.\n     **/\n    \"aria-label\": string;\n    /**\n     * Placement of the Popover.\n     * @default 'right'\n     */\n    placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n  \n  export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n    function HelpText(\n      { placement = \"right\", children, ...rest },\n      ref\n    ) {\n      return (\n        <Popover.TriggerContext>\n          <Popover.Trigger\n            className={styles.helptext}\n            ref={ref}\n            variant=\"tertiary\"\n            data-color=\"info\"\n            {...rest}\n          />\n          <Popover placement={placement} data-color=\"info\">\n            {children}\n          </Popover>\n        </Popover.TriggerContext>\n      );\n    }\n  );","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n    return (\n        <div className={styles.appBar}>\n            <OrgLogo />\n        </div>\n    );\n};\n\nexport { AppBar };","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n    copyLabel: string;\n    copiedLabel: string;\n    copyOnClick: string;\n} & ButtonProps & React.HTMLAttributes<HTMLButtonElement>;\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps) => {\n    const [clicked, setClicked] = useState(false);\n\n    const copyToClipboard = (text: string) => {\n        setClicked(true);\n        navigator.clipboard.writeText(text);\n    };\n\n    return (\n        <Tooltip\n            // @ts-expect-error: ignore complaint that Element cannot be set as content\n            content={\n                clicked ? (\n                    <HStack>\n                        <CheckmarkCircleFillIcon\n                            color='#D1F4E1'\n                            fontSize='1.2em'\n                        />\n                        {copiedLabel}\n                    </HStack>\n                ) : (\n                    copyLabel\n                )\n            }\n            placement='top'\n        >\n            <Button\n                data-size='sm'\n                variant='secondary'\n                onClick={() => copyToClipboard(copyOnClick)}\n                onMouseOver={() => setClicked(false)}\n                {...props}\n            >\n                <FilesIcon aria-hidden />\n                <span className={'sr-only'}>{copyLabel}</span>\n            </Button>\n        </Tooltip>\n    );\n};\n\nexport default CopyButton;\n","import React from 'react';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div\n            className={styles.wrapper}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport default VStack;\n"],"names":["globalId","maybeReactUseId","React","useId","idOverride","_a","replace","defaultId","setDefaultId","useState","id","useEffect","useGlobalId","SvgBuildings3","forwardRef","ref","title","titleId","_titleId","props","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","__rest","createElement","assign","xmlns","width","height","fill","viewBox","focusable","role","fillRule","d","clipRule","SvgCheckmarkCircleFill","SvgFiles","OrgLogo","className","orgLogoSrc","jsx","cn","styles","children","src","alt","Buildings3Icon","HStack","HelpText","placement","rest","Popover","TriggerContext","Trigger","variant","copyLabel","copiedLabel","copyOnClick","clicked","setClicked","Tooltip","content","jsxs","CheckmarkCircleFillIcon","color","fontSize","Button","onClick","copyToClipboard","text","navigator","clipboard","writeText","onMouseOver","FilesIcon"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"shared-ui.cjs","sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/index.tsx","../src/components/hstack/index.tsx","../src/components/helptext/index.tsx","../src/components/app-bar/index.tsx","../src/components/checkbox-group/index.tsx","../src/components/copy-button/index.tsx","../src/components/radio-group/index.tsx","../src/components/tag-list/index.tsx","../src/components/vstack/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n    const [defaultId, setDefaultId] = useState(idOverride);\n    const id = idOverride || defaultId;\n    useEffect(() => {\n        if (defaultId == null) {\n            // Fallback to this default id when possible.\n            // Use the incrementing value for client-side rendering only.\n            // We can't use it server-side.\n            // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n            globalId += 1;\n            setDefaultId(`aksel-icon-${globalId}`);\n        }\n    }, [defaultId]);\n    return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n    var _a;\n    if (maybeReactUseId !== undefined) {\n        const reactId = maybeReactUseId();\n        return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n    }\n    // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n    return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n    orgLogoSrc?: string | null;\n    className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n    return (\n        <div className={cn(styles.orgLogo, className)} {...props}>\n            {orgLogoSrc ? (\n                <img\n                    aria-hidden\n                    src={orgLogoSrc}\n                    alt=''\n                />\n            ) : (\n                <Buildings3Icon aria-hidden />\n            )}\n        </div>\n    );\n};\n\nexport { OrgLogo };\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport default HStack;\n","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n    /**\n     * Required descriptive label for screen readers.\n     **/\n    \"aria-label\": string;\n    /**\n     * Placement of the Popover.\n     * @default 'right'\n     */\n    placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n  \n  export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n    function HelpText(\n      { placement = \"right\", children, ...rest },\n      ref\n    ) {\n      return (\n        <Popover.TriggerContext>\n          <Popover.Trigger\n            className={styles.helptext}\n            ref={ref}\n            variant=\"tertiary\"\n            data-color=\"info\"\n            {...rest}\n          />\n          <Popover placement={placement} data-color=\"info\">\n            {children}\n          </Popover>\n        </Popover.TriggerContext>\n      );\n    }\n  );","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n    return (\n        <div className={styles.appBar}>\n            <OrgLogo />\n        </div>\n    );\n};\n\nexport { AppBar };","import React, { type ReactNode } from 'react';\nimport {\n  Fieldset,\n  Checkbox,\n  ValidationMessage,\n  type UseCheckboxGroupProps,\n  useCheckboxGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface CheckboxGroupProps extends Omit<UseCheckboxGroupProps, 'value' | 'onChange'> {\n  /**\n   * The legend text for the fieldset\n   */\n  legend?: ReactNode;\n  /**\n   * Optional description text for the fieldset\n   */\n  description?: ReactNode;\n  /**\n   * Array of checkbox options\n   */\n  options: Array<{\n    value: string;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n    allowIndeterminate?: boolean;\n  }>;\n  /**\n   * Controlled value - array of selected checkbox values\n   */\n  value?: string[];\n  /**\n   * Callback when the selected values change\n   */\n  onChange?: (value: string[]) => void;\n  /**\n   * Optional className for the fieldset\n   */\n  className?: string;\n}\n\n/**\n * CheckboxGroup component that wraps multiple Checkbox components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <CheckboxGroup\n *   legend=\"Hvordan vil du kontaktes?\"\n *   description=\"Velg alle relevante alternativer\"\n *   options={[\n *     { value: 'epost', label: 'E-post' },\n *     { value: 'telefon', label: 'Telefon' },\n *     { value: 'sms', label: 'SMS' },\n *   ]}\n *   value={selectedValues}\n *   onChange={(values) => setSelectedValues(values)}\n * />\n */\nexport const CheckboxGroup = ({\n  legend,\n  description,\n  options,\n  value,\n  onChange,\n  error,\n  disabled,\n  readOnly,\n  required,\n  name,\n  className,\n}: CheckboxGroupProps) => {\n  const { getCheckboxProps, validationMessageProps } = useCheckboxGroup({\n    value,\n    onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n    error,\n    disabled,\n    readOnly,\n    required,\n    name,\n  });\n\n  return (\n    <Fieldset className={className}>\n      {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n      {description && <Fieldset.Description>{description}</Fieldset.Description>}\n      {options.map((option) => (\n        <Checkbox\n          key={option.value}\n          label={option.label}\n          description={option.description}\n          disabled={option.disabled}\n          {...getCheckboxProps({\n            value: option.value,\n            allowIndeterminate: option.allowIndeterminate,\n          })}\n        />\n      ))}\n      {error && <ValidationMessage {...validationMessageProps} />}\n    </Fieldset>\n  );\n};\n\nexport default CheckboxGroup;\n\n","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n    copyLabel: string;\n    copiedLabel: string;\n    copyOnClick: string;\n} & ButtonProps & React.HTMLAttributes<HTMLButtonElement>;\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps) => {\n    const [clicked, setClicked] = useState(false);\n\n    const copyToClipboard = (text: string) => {\n        setClicked(true);\n        navigator.clipboard.writeText(text);\n    };\n\n    return (\n        <Tooltip\n            // @ts-expect-error: ignore complaint that Element cannot be set as content\n            content={\n                clicked ? (\n                    <HStack>\n                        <CheckmarkCircleFillIcon\n                            color='#D1F4E1'\n                            fontSize='1.2em'\n                        />\n                        {copiedLabel}\n                    </HStack>\n                ) : (\n                    copyLabel\n                )\n            }\n            placement='top'\n        >\n            <Button\n                data-size='sm'\n                variant='secondary'\n                onClick={() => copyToClipboard(copyOnClick)}\n                onMouseOver={() => setClicked(false)}\n                {...props}\n            >\n                <FilesIcon aria-hidden />\n                <span className={'sr-only'}>{copyLabel}</span>\n            </Button>\n        </Tooltip>\n    );\n};\n\nexport default CopyButton;\n","import React, { type ReactNode } from 'react';\nimport {\n  Fieldset,\n  Radio,\n  ValidationMessage,\n  type UseRadioGroupProps,\n  useRadioGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface RadioGroupProps extends Omit<UseRadioGroupProps, 'value' | 'onChange'> {\n  /**\n   * The legend text for the fieldset\n   */\n  legend?: ReactNode;\n  /**\n   * Optional description text for the fieldset\n   */\n  description?: ReactNode;\n  /**\n   * Array of radio options\n   */\n  options: Array<{\n    value: string;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n  }>;\n  /**\n   * Controlled value - the selected radio value\n   */\n  value?: string;\n  /**\n   * Callback when the selected value changes\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Optional className for the fieldset\n   */\n  className?: string;\n}\n\n/**\n * RadioGroup component that wraps multiple Radio components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <RadioGroup\n *   legend=\"Hvilken iskremsmak er best?\"\n *   description=\"Velg din favorittsmak\"\n *   options={[\n *     { value: 'vanilje', label: 'Vanilje' },\n *     { value: 'jordbær', label: 'Jordbær' },\n *     { value: 'sjokolade', label: 'Sjokolade' },\n *   ]}\n *   value={selectedValue}\n *   onChange={(value) => setSelectedValue(value)}\n * />\n */\nexport const RadioGroup = ({\n  legend,\n  description,\n  options,\n  value,\n  onChange,\n  error,\n  disabled,\n  readOnly,\n  required,\n  name,\n  className,\n}: RadioGroupProps) => {\n  const { getRadioProps, validationMessageProps } = useRadioGroup({\n    value,\n    onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n    error,\n    disabled,\n    readOnly,\n    required,\n    name,\n  });\n\n  return (\n    <Fieldset className={className}>\n      {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n      {description && <Fieldset.Description>{description}</Fieldset.Description>}\n      {options.map((option) => (\n        <Radio\n          key={option.value}\n          label={option.label}\n          description={option.description}\n          disabled={option.disabled}\n          {...getRadioProps(option.value)}\n        />\n      ))}\n      {error && <ValidationMessage {...validationMessageProps} />}\n    </Fieldset>\n  );\n};\n\nexport default RadioGroup;\n\n","import React from 'react';\nimport cn from 'classnames';\nimport { Tag } from '@digdir/designsystemet-react';\nimport styles from './styles.module.scss';\n\nexport type TagListProps = {\n    maxTags?: number;\n    'data-size'?: string;\n};\n\nconst TagList = ({ children, className, maxTags, 'data-size': dataSize, ...props }: TagListProps & React.HTMLAttributes<HTMLUListElement>) => {\n    const childArray = React.Children.toArray(children);\n    if (!childArray.length) return null;\n    return (\n        <ul\n            className={cn(styles.tagList, className)}\n            {...props}\n        >\n            {childArray\n                .filter((child) => Boolean(child))\n                .slice(0, maxTags ?? childArray.length)\n                .map((child, i) => {\n                    const key = React.isValidElement(child) && child.key != null \n                        ? child.key \n                        : i;\n                    return <li key={key}>{child}</li>;\n                })}\n            {maxTags && maxTags < childArray.length && (\n                <li>\n                    <Tag data-size={dataSize || 'sm'}>\n                        <span>+{childArray.length - maxTags}</span>\n                    </Tag>\n                </li>\n            )}\n        </ul>\n    );\n};\n\nexport default TagList;\n","import React from 'react';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div\n            className={styles.wrapper}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport default VStack;\n"],"names":["globalId","maybeReactUseId","React","useId","idOverride","_a","replace","defaultId","setDefaultId","useState","id","useEffect","useGlobalId","SvgBuildings3","forwardRef","ref","title","titleId","_titleId","props","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","__rest","createElement","assign","xmlns","width","height","fill","viewBox","focusable","role","fillRule","d","clipRule","SvgCheckmarkCircleFill","SvgFiles","OrgLogo","className","orgLogoSrc","jsx","cn","styles","children","src","alt","Buildings3Icon","HStack","HelpText","placement","rest","Popover","TriggerContext","Trigger","variant","legend","description","options","value","onChange","error","disabled","readOnly","required","name","getCheckboxProps","validationMessageProps","useCheckboxGroup","nextValue","Fieldset","Legend","Description","map","option","Checkbox","label","allowIndeterminate","ValidationMessage","copyLabel","copiedLabel","copyOnClick","clicked","setClicked","Tooltip","content","jsxs","CheckmarkCircleFillIcon","color","fontSize","Button","onClick","copyToClipboard","text","navigator","clipboard","writeText","onMouseOver","FilesIcon","getRadioProps","useRadioGroup","Radio","maxTags","dataSize","childArray","Children","toArray","filter","child","Boolean","slice","key","isValidElement","Tag"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/shared-ui.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import cn from "classnames";
 import React, { useState, useEffect, forwardRef } from "react";
-import { Tooltip, Button, Popover } from "@digdir/designsystemet-react";
+import { Tooltip, Button, Popover, Tag, useRadioGroup, Fieldset, Radio, ValidationMessage, useCheckboxGroup, Checkbox } from "@digdir/designsystemet-react";
 let globalId = 0;
 function useGlobalId(idOverride) {
   const [defaultId, setDefaultId] = useState(idOverride);
@@ -92,12 +92,12 @@ const SvgFiles = forwardRef((_a, ref) => {
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
   );
 });
-const orgLogo = "_orgLogo_8xxnq_1";
-const styles$4 = {
+const orgLogo = "_orgLogo_eki51_1";
+const styles$5 = {
   orgLogo
 };
 const OrgLogo = ({ className, orgLogoSrc, ...props }) => {
-  return /* @__PURE__ */ jsx("div", { className: cn(styles$4.orgLogo, className), ...props, children: orgLogoSrc ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: cn(styles$5.orgLogo, className), ...props, children: orgLogoSrc ? /* @__PURE__ */ jsx(
     "img",
     {
       "aria-hidden": true,
@@ -107,21 +107,21 @@ const OrgLogo = ({ className, orgLogoSrc, ...props }) => {
   ) : /* @__PURE__ */ jsx(SvgBuildings3, { "aria-hidden": true }) });
 };
 const appBar = "_appBar_w0gn2_1";
-const styles$3 = {
+const styles$4 = {
   appBar
 };
 const AppBar = () => {
-  return /* @__PURE__ */ jsx("div", { className: styles$3.appBar, children: /* @__PURE__ */ jsx(OrgLogo, {}) });
+  return /* @__PURE__ */ jsx("div", { className: styles$4.appBar, children: /* @__PURE__ */ jsx(OrgLogo, {}) });
 };
 const wrapper$1 = "_wrapper_1dyfs_1";
-const styles$2 = {
+const styles$3 = {
   wrapper: wrapper$1
 };
 const HStack = ({ children, className, ...props }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn(styles$2.wrapper, className),
+      className: cn(styles$3.wrapper, className),
       ...props,
       children
     }
@@ -165,21 +165,21 @@ const CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }) => {
   );
 };
 const wrapper = "_wrapper_m33an_1";
-const styles$1 = {
+const styles$2 = {
   wrapper
 };
 const VStack = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: styles$1.wrapper,
+      className: styles$2.wrapper,
       ...props,
       children
     }
   );
 };
 const helptext = "_helptext_1o0ls_1";
-const styles = {
+const styles$1 = {
   helptext
 };
 const HelpText = React.forwardRef(
@@ -188,7 +188,7 @@ const HelpText = React.forwardRef(
       /* @__PURE__ */ jsx(
         Popover.Trigger,
         {
-          className: styles.helptext,
+          className: styles$1.helptext,
           ref,
           variant: "tertiary",
           "data-color": "info",
@@ -199,12 +199,119 @@ const HelpText = React.forwardRef(
     ] });
   }
 );
+const tagList = "_tagList_1n3j5_1";
+const styles = {
+  tagList
+};
+const TagList = ({ children, className, maxTags, "data-size": dataSize, ...props }) => {
+  const childArray = React.Children.toArray(children);
+  if (!childArray.length) return null;
+  return /* @__PURE__ */ jsxs(
+    "ul",
+    {
+      className: cn(styles.tagList, className),
+      ...props,
+      children: [
+        childArray.filter((child) => Boolean(child)).slice(0, maxTags ?? childArray.length).map((child, i) => {
+          const key = React.isValidElement(child) && child.key != null ? child.key : i;
+          return /* @__PURE__ */ jsx("li", { children: child }, key);
+        }),
+        maxTags && maxTags < childArray.length && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Tag, { "data-size": dataSize || "sm", children: /* @__PURE__ */ jsxs("span", { children: [
+          "+",
+          childArray.length - maxTags
+        ] }) }) })
+      ]
+    }
+  );
+};
+const RadioGroup = ({
+  legend,
+  description,
+  options,
+  value,
+  onChange,
+  error,
+  disabled,
+  readOnly,
+  required,
+  name,
+  className
+}) => {
+  const { getRadioProps, validationMessageProps } = useRadioGroup({
+    value,
+    onChange: onChange ? (nextValue) => onChange(nextValue) : void 0,
+    error,
+    disabled,
+    readOnly,
+    required,
+    name
+  });
+  return /* @__PURE__ */ jsxs(Fieldset, { className, children: [
+    legend && /* @__PURE__ */ jsx(Fieldset.Legend, { children: legend }),
+    description && /* @__PURE__ */ jsx(Fieldset.Description, { children: description }),
+    options.map((option) => /* @__PURE__ */ jsx(
+      Radio,
+      {
+        label: option.label,
+        description: option.description,
+        disabled: option.disabled,
+        ...getRadioProps(option.value)
+      },
+      option.value
+    )),
+    error && /* @__PURE__ */ jsx(ValidationMessage, { ...validationMessageProps })
+  ] });
+};
+const CheckboxGroup = ({
+  legend,
+  description,
+  options,
+  value,
+  onChange,
+  error,
+  disabled,
+  readOnly,
+  required,
+  name,
+  className
+}) => {
+  const { getCheckboxProps, validationMessageProps } = useCheckboxGroup({
+    value,
+    onChange: onChange ? (nextValue) => onChange(nextValue) : void 0,
+    error,
+    disabled,
+    readOnly,
+    required,
+    name
+  });
+  return /* @__PURE__ */ jsxs(Fieldset, { className, children: [
+    legend && /* @__PURE__ */ jsx(Fieldset.Legend, { children: legend }),
+    description && /* @__PURE__ */ jsx(Fieldset.Description, { children: description }),
+    options.map((option) => /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        label: option.label,
+        description: option.description,
+        disabled: option.disabled,
+        ...getCheckboxProps({
+          value: option.value,
+          allowIndeterminate: option.allowIndeterminate
+        })
+      },
+      option.value
+    )),
+    error && /* @__PURE__ */ jsx(ValidationMessage, { ...validationMessageProps })
+  ] });
+};
 export {
   AppBar,
+  CheckboxGroup,
   CopyButton,
   HStack,
   HelpText,
   OrgLogo,
+  RadioGroup,
+  TagList,
   VStack
 };
 //# sourceMappingURL=shared-ui.es.js.map

package/dist/shared-ui.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared-ui.es.js","sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/index.tsx","../src/components/app-bar/index.tsx","../src/components/hstack/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/index.tsx","../src/components/helptext/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n    const [defaultId, setDefaultId] = useState(idOverride);\n    const id = idOverride || defaultId;\n    useEffect(() => {\n        if (defaultId == null) {\n            // Fallback to this default id when possible.\n            // Use the incrementing value for client-side rendering only.\n            // We can't use it server-side.\n            // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n            globalId += 1;\n            setDefaultId(`aksel-icon-${globalId}`);\n        }\n    }, [defaultId]);\n    return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n    var _a;\n    if (maybeReactUseId !== undefined) {\n        const reactId = maybeReactUseId();\n        return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n    }\n    // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n    return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n    orgLogoSrc?: string | null;\n    className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n    return (\n        <div className={cn(styles.orgLogo, className)} {...props}>\n            {orgLogoSrc ? (\n                <img\n                    aria-hidden\n                    src={orgLogoSrc}\n                    alt=''\n                />\n            ) : (\n                <Buildings3Icon aria-hidden />\n            )}\n        </div>\n    );\n};\n\nexport { OrgLogo };\n","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n    return (\n        <div className={styles.appBar}>\n            <OrgLogo />\n        </div>\n    );\n};\n\nexport { AppBar };","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport default HStack;\n","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n    copyLabel: string;\n    copiedLabel: string;\n    copyOnClick: string;\n} & ButtonProps & React.HTMLAttributes<HTMLButtonElement>;\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps) => {\n    const [clicked, setClicked] = useState(false);\n\n    const copyToClipboard = (text: string) => {\n        setClicked(true);\n        navigator.clipboard.writeText(text);\n    };\n\n    return (\n        <Tooltip\n            // @ts-expect-error: ignore complaint that Element cannot be set as content\n            content={\n                clicked ? (\n                    <HStack>\n                        <CheckmarkCircleFillIcon\n                            color='#D1F4E1'\n                            fontSize='1.2em'\n                        />\n                        {copiedLabel}\n                    </HStack>\n                ) : (\n                    copyLabel\n                )\n            }\n            placement='top'\n        >\n            <Button\n                data-size='sm'\n                variant='secondary'\n                onClick={() => copyToClipboard(copyOnClick)}\n                onMouseOver={() => setClicked(false)}\n                {...props}\n            >\n                <FilesIcon aria-hidden />\n                <span className={'sr-only'}>{copyLabel}</span>\n            </Button>\n        </Tooltip>\n    );\n};\n\nexport default CopyButton;\n","import React from 'react';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div\n            className={styles.wrapper}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport default VStack;\n","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n    /**\n     * Required descriptive label for screen readers.\n     **/\n    \"aria-label\": string;\n    /**\n     * Placement of the Popover.\n     * @default 'right'\n     */\n    placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n  \n  export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n    function HelpText(\n      { placement = \"right\", children, ...rest },\n      ref\n    ) {\n      return (\n        <Popover.TriggerContext>\n          <Popover.Trigger\n            className={styles.helptext}\n            ref={ref}\n            variant=\"tertiary\"\n            data-color=\"info\"\n            {...rest}\n          />\n          <Popover placement={placement} data-color=\"info\">\n            {children}\n          </Popover>\n        </Popover.TriggerContext>\n      );\n    }\n  );"],"names":["__rest","styles","Buildings3Icon","CheckmarkCircleFillIcon","FilesIcon","HelpText"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"shared-ui.es.js","sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/index.tsx","../src/components/app-bar/index.tsx","../src/components/hstack/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/index.tsx","../src/components/helptext/index.tsx","../src/components/tag-list/index.tsx","../src/components/radio-group/index.tsx","../src/components/checkbox-group/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n    const [defaultId, setDefaultId] = useState(idOverride);\n    const id = idOverride || defaultId;\n    useEffect(() => {\n        if (defaultId == null) {\n            // Fallback to this default id when possible.\n            // Use the incrementing value for client-side rendering only.\n            // We can't use it server-side.\n            // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n            globalId += 1;\n            setDefaultId(`aksel-icon-${globalId}`);\n        }\n    }, [defaultId]);\n    return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n    var _a;\n    if (maybeReactUseId !== undefined) {\n        const reactId = maybeReactUseId();\n        return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n    }\n    // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n    return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n    var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n    let titleId = useId();\n    titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n    return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n        title ? React.createElement(\"title\", { id: titleId }, title) : null,\n        React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n    orgLogoSrc?: string | null;\n    className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n    return (\n        <div className={cn(styles.orgLogo, className)} {...props}>\n            {orgLogoSrc ? (\n                <img\n                    aria-hidden\n                    src={orgLogoSrc}\n                    alt=''\n                />\n            ) : (\n                <Buildings3Icon aria-hidden />\n            )}\n        </div>\n    );\n};\n\nexport { OrgLogo };\n","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n    return (\n        <div className={styles.appBar}>\n            <OrgLogo />\n        </div>\n    );\n};\n\nexport { AppBar };","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport default HStack;\n","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n    copyLabel: string;\n    copiedLabel: string;\n    copyOnClick: string;\n} & ButtonProps & React.HTMLAttributes<HTMLButtonElement>;\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps) => {\n    const [clicked, setClicked] = useState(false);\n\n    const copyToClipboard = (text: string) => {\n        setClicked(true);\n        navigator.clipboard.writeText(text);\n    };\n\n    return (\n        <Tooltip\n            // @ts-expect-error: ignore complaint that Element cannot be set as content\n            content={\n                clicked ? (\n                    <HStack>\n                        <CheckmarkCircleFillIcon\n                            color='#D1F4E1'\n                            fontSize='1.2em'\n                        />\n                        {copiedLabel}\n                    </HStack>\n                ) : (\n                    copyLabel\n                )\n            }\n            placement='top'\n        >\n            <Button\n                data-size='sm'\n                variant='secondary'\n                onClick={() => copyToClipboard(copyOnClick)}\n                onMouseOver={() => setClicked(false)}\n                {...props}\n            >\n                <FilesIcon aria-hidden />\n                <span className={'sr-only'}>{copyLabel}</span>\n            </Button>\n        </Tooltip>\n    );\n};\n\nexport default CopyButton;\n","import React from 'react';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div\n            className={styles.wrapper}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport default VStack;\n","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n    /**\n     * Required descriptive label for screen readers.\n     **/\n    \"aria-label\": string;\n    /**\n     * Placement of the Popover.\n     * @default 'right'\n     */\n    placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n  \n  export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n    function HelpText(\n      { placement = \"right\", children, ...rest },\n      ref\n    ) {\n      return (\n        <Popover.TriggerContext>\n          <Popover.Trigger\n            className={styles.helptext}\n            ref={ref}\n            variant=\"tertiary\"\n            data-color=\"info\"\n            {...rest}\n          />\n          <Popover placement={placement} data-color=\"info\">\n            {children}\n          </Popover>\n        </Popover.TriggerContext>\n      );\n    }\n  );","import React from 'react';\nimport cn from 'classnames';\nimport { Tag } from '@digdir/designsystemet-react';\nimport styles from './styles.module.scss';\n\nexport type TagListProps = {\n    maxTags?: number;\n    'data-size'?: string;\n};\n\nconst TagList = ({ children, className, maxTags, 'data-size': dataSize, ...props }: TagListProps & React.HTMLAttributes<HTMLUListElement>) => {\n    const childArray = React.Children.toArray(children);\n    if (!childArray.length) return null;\n    return (\n        <ul\n            className={cn(styles.tagList, className)}\n            {...props}\n        >\n            {childArray\n                .filter((child) => Boolean(child))\n                .slice(0, maxTags ?? childArray.length)\n                .map((child, i) => {\n                    const key = React.isValidElement(child) && child.key != null \n                        ? child.key \n                        : i;\n                    return <li key={key}>{child}</li>;\n                })}\n            {maxTags && maxTags < childArray.length && (\n                <li>\n                    <Tag data-size={dataSize || 'sm'}>\n                        <span>+{childArray.length - maxTags}</span>\n                    </Tag>\n                </li>\n            )}\n        </ul>\n    );\n};\n\nexport default TagList;\n","import React, { type ReactNode } from 'react';\nimport {\n  Fieldset,\n  Radio,\n  ValidationMessage,\n  type UseRadioGroupProps,\n  useRadioGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface RadioGroupProps extends Omit<UseRadioGroupProps, 'value' | 'onChange'> {\n  /**\n   * The legend text for the fieldset\n   */\n  legend?: ReactNode;\n  /**\n   * Optional description text for the fieldset\n   */\n  description?: ReactNode;\n  /**\n   * Array of radio options\n   */\n  options: Array<{\n    value: string;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n  }>;\n  /**\n   * Controlled value - the selected radio value\n   */\n  value?: string;\n  /**\n   * Callback when the selected value changes\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Optional className for the fieldset\n   */\n  className?: string;\n}\n\n/**\n * RadioGroup component that wraps multiple Radio components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <RadioGroup\n *   legend=\"Hvilken iskremsmak er best?\"\n *   description=\"Velg din favorittsmak\"\n *   options={[\n *     { value: 'vanilje', label: 'Vanilje' },\n *     { value: 'jordbær', label: 'Jordbær' },\n *     { value: 'sjokolade', label: 'Sjokolade' },\n *   ]}\n *   value={selectedValue}\n *   onChange={(value) => setSelectedValue(value)}\n * />\n */\nexport const RadioGroup = ({\n  legend,\n  description,\n  options,\n  value,\n  onChange,\n  error,\n  disabled,\n  readOnly,\n  required,\n  name,\n  className,\n}: RadioGroupProps) => {\n  const { getRadioProps, validationMessageProps } = useRadioGroup({\n    value,\n    onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n    error,\n    disabled,\n    readOnly,\n    required,\n    name,\n  });\n\n  return (\n    <Fieldset className={className}>\n      {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n      {description && <Fieldset.Description>{description}</Fieldset.Description>}\n      {options.map((option) => (\n        <Radio\n          key={option.value}\n          label={option.label}\n          description={option.description}\n          disabled={option.disabled}\n          {...getRadioProps(option.value)}\n        />\n      ))}\n      {error && <ValidationMessage {...validationMessageProps} />}\n    </Fieldset>\n  );\n};\n\nexport default RadioGroup;\n\n","import React, { type ReactNode } from 'react';\nimport {\n  Fieldset,\n  Checkbox,\n  ValidationMessage,\n  type UseCheckboxGroupProps,\n  useCheckboxGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface CheckboxGroupProps extends Omit<UseCheckboxGroupProps, 'value' | 'onChange'> {\n  /**\n   * The legend text for the fieldset\n   */\n  legend?: ReactNode;\n  /**\n   * Optional description text for the fieldset\n   */\n  description?: ReactNode;\n  /**\n   * Array of checkbox options\n   */\n  options: Array<{\n    value: string;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n    allowIndeterminate?: boolean;\n  }>;\n  /**\n   * Controlled value - array of selected checkbox values\n   */\n  value?: string[];\n  /**\n   * Callback when the selected values change\n   */\n  onChange?: (value: string[]) => void;\n  /**\n   * Optional className for the fieldset\n   */\n  className?: string;\n}\n\n/**\n * CheckboxGroup component that wraps multiple Checkbox components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <CheckboxGroup\n *   legend=\"Hvordan vil du kontaktes?\"\n *   description=\"Velg alle relevante alternativer\"\n *   options={[\n *     { value: 'epost', label: 'E-post' },\n *     { value: 'telefon', label: 'Telefon' },\n *     { value: 'sms', label: 'SMS' },\n *   ]}\n *   value={selectedValues}\n *   onChange={(values) => setSelectedValues(values)}\n * />\n */\nexport const CheckboxGroup = ({\n  legend,\n  description,\n  options,\n  value,\n  onChange,\n  error,\n  disabled,\n  readOnly,\n  required,\n  name,\n  className,\n}: CheckboxGroupProps) => {\n  const { getCheckboxProps, validationMessageProps } = useCheckboxGroup({\n    value,\n    onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n    error,\n    disabled,\n    readOnly,\n    required,\n    name,\n  });\n\n  return (\n    <Fieldset className={className}>\n      {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n      {description && <Fieldset.Description>{description}</Fieldset.Description>}\n      {options.map((option) => (\n        <Checkbox\n          key={option.value}\n          label={option.label}\n          description={option.description}\n          disabled={option.disabled}\n          {...getCheckboxProps({\n            value: option.value,\n            allowIndeterminate: option.allowIndeterminate,\n          })}\n        />\n      ))}\n      {error && <ValidationMessage {...validationMessageProps} />}\n    </Fieldset>\n  );\n};\n\nexport default CheckboxGroup;\n\n"],"names":["__rest","styles","Buildings3Icon","CheckmarkCircleFillIcon","FilesIcon","HelpText"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/styles.css

@@ -1 +1 @@
-._orgLogo_8xxnq_1{display:flex;min-width:1.5rem;min-height:1.5rem;overflow:hidden;align-items:center;justify-content:center;position:relative}._orgLogo_8xxnq_1 svg,._orgLogo_8xxnq_1 img{width:100%;height:100%;object-fit:contain}._orgLogo_8xxnq_1 svg{color:var(--color-text)}._appBar_w0gn2_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem}._wrapper_1dyfs_1{display:flex;align-items:center;gap:.5rem}._wrapper_m33an_1{display:flex;flex-direction:column;gap:.5rem}._helptext_1o0ls_1{--dsc-helptext-icon-size: 65%;--dsc-helptext-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM4 0c2.2 0 4 1.66 4 3.7 0 .98-.42 1.9-1.17 2.6l-.6.54-.29.29c-.48.46-.87.93-.94 1.41V9.5H3v-.81c0-1.26.84-2.22 1.68-3L5.42 5C5.8 4.65 6 4.2 6 3.7 6 2.66 5.1 1.83 4 1.83c-1.06 0-1.92.75-2 1.7v.15H0C0 1.66 1.8 0 4 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-helptext-size: var(--custom-helptext-size, var(--ds-size-7));border-radius:var(--ds-border-radius-full);border:max(1px,var(--ds-size-1) / 2) solid;box-sizing:border-box;height:var(--dsc-helptext-size);min-height:0;min-width:0;padding:0;position:relative;width:var(--dsc-helptext-size)}@media (forced-colors: active){._helptext_1o0ls_1{color:ButtonText}}._helptext_1o0ls_1:before{content:"";border-radius:inherit;background:currentcolor;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:var(--dsc-helptext-icon-url);mask-image:var(--dsc-helptext-icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--dsc-helptext-icon-size) var(--dsc-helptext-icon-size),cover;mask-size:var(--dsc-helptext-icon-size) var(--dsc-helptext-icon-size),cover;scale:1.1;width:100%;height:100%}@media (forced-colors: active){._helptext_1o0ls_1:before{background:ButtonText}}._helptext_1o0ls_1:has(+:popover-open):before{-webkit-mask-image:var(--dsc-helptext-icon-url),linear-gradient(currentcolor,currentcolor);mask-image:var(--dsc-helptext-icon-url),linear-gradient(currentcolor,currentcolor)}@media print{._helptext_1o0ls_1{display:none}}
+._orgLogo_eki51_1{display:flex;width:1em;height:1em;overflow:hidden;align-items:center;justify-content:center;position:relative}._orgLogo_eki51_1 svg,._orgLogo_eki51_1 img{width:100%;height:100%;object-fit:contain}._orgLogo_eki51_1 svg{color:var(--color-text)}._appBar_w0gn2_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem}._wrapper_1dyfs_1{display:flex;align-items:center;gap:.5rem}._wrapper_m33an_1{display:flex;flex-direction:column;gap:.5rem}._helptext_1o0ls_1{--dsc-helptext-icon-size: 65%;--dsc-helptext-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM4 0c2.2 0 4 1.66 4 3.7 0 .98-.42 1.9-1.17 2.6l-.6.54-.29.29c-.48.46-.87.93-.94 1.41V9.5H3v-.81c0-1.26.84-2.22 1.68-3L5.42 5C5.8 4.65 6 4.2 6 3.7 6 2.66 5.1 1.83 4 1.83c-1.06 0-1.92.75-2 1.7v.15H0C0 1.66 1.8 0 4 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-helptext-size: var(--custom-helptext-size, var(--ds-size-7));border-radius:var(--ds-border-radius-full);border:max(1px,var(--ds-size-1) / 2) solid;box-sizing:border-box;height:var(--dsc-helptext-size);min-height:0;min-width:0;padding:0;position:relative;width:var(--dsc-helptext-size)}@media (forced-colors: active){._helptext_1o0ls_1{color:ButtonText}}._helptext_1o0ls_1:before{content:"";border-radius:inherit;background:currentcolor;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:var(--dsc-helptext-icon-url);mask-image:var(--dsc-helptext-icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--dsc-helptext-icon-size) var(--dsc-helptext-icon-size),cover;mask-size:var(--dsc-helptext-icon-size) var(--dsc-helptext-icon-size),cover;scale:1.1;width:100%;height:100%}@media (forced-colors: active){._helptext_1o0ls_1:before{background:ButtonText}}._helptext_1o0ls_1:has(+:popover-open):before{-webkit-mask-image:var(--dsc-helptext-icon-url),linear-gradient(currentcolor,currentcolor);mask-image:var(--dsc-helptext-icon-url),linear-gradient(currentcolor,currentcolor)}@media print{._helptext_1o0ls_1{display:none}}._tagList_1n3j5_1{display:flex;gap:.5rem;font-weight:400;font-size:.8em;align-items:center;flex-wrap:wrap}

package/dist/types/components/checkbox-group/checkbox-group.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import CheckboxGroup from '.';
+declare const meta: Meta<typeof CheckboxGroup>;
+export default meta;
+type Story = StoryObj<typeof CheckboxGroup>;
+export declare const Primary: Story;
+export declare const Uncontrolled: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const WithIndeterminate: Story;
+export declare const WithDescriptions: Story;

package/dist/types/components/checkbox-group/index.d.ts

@@ -0,0 +1,53 @@
+import { type ReactNode } from 'react';
+import { type UseCheckboxGroupProps } from '@digdir/designsystemet-react';
+export interface CheckboxGroupProps extends Omit<UseCheckboxGroupProps, 'value' | 'onChange'> {
+    /**
+     * The legend text for the fieldset
+     */
+    legend?: ReactNode;
+    /**
+     * Optional description text for the fieldset
+     */
+    description?: ReactNode;
+    /**
+     * Array of checkbox options
+     */
+    options: Array<{
+        value: string;
+        label: string;
+        description?: string;
+        disabled?: boolean;
+        allowIndeterminate?: boolean;
+    }>;
+    /**
+     * Controlled value - array of selected checkbox values
+     */
+    value?: string[];
+    /**
+     * Callback when the selected values change
+     */
+    onChange?: (value: string[]) => void;
+    /**
+     * Optional className for the fieldset
+     */
+    className?: string;
+}
+/**
+ * CheckboxGroup component that wraps multiple Checkbox components in a Fieldset.
+ * Handles state management, onChange, and value automatically.
+ *
+ * @example
+ * <CheckboxGroup
+ *   legend="Hvordan vil du kontaktes?"
+ *   description="Velg alle relevante alternativer"
+ *   options={[
+ *     { value: 'epost', label: 'E-post' },
+ *     { value: 'telefon', label: 'Telefon' },
+ *     { value: 'sms', label: 'SMS' },
+ *   ]}
+ *   value={selectedValues}
+ *   onChange={(values) => setSelectedValues(values)}
+ * />
+ */
+export declare const CheckboxGroup: ({ legend, description, options, value, onChange, error, disabled, readOnly, required, name, className, }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxGroup;

package/dist/types/components/radio-group/index.d.ts

@@ -0,0 +1,52 @@
+import { type ReactNode } from 'react';
+import { type UseRadioGroupProps } from '@digdir/designsystemet-react';
+export interface RadioGroupProps extends Omit<UseRadioGroupProps, 'value' | 'onChange'> {
+    /**
+     * The legend text for the fieldset
+     */
+    legend?: ReactNode;
+    /**
+     * Optional description text for the fieldset
+     */
+    description?: ReactNode;
+    /**
+     * Array of radio options
+     */
+    options: Array<{
+        value: string;
+        label: string;
+        description?: string;
+        disabled?: boolean;
+    }>;
+    /**
+     * Controlled value - the selected radio value
+     */
+    value?: string;
+    /**
+     * Callback when the selected value changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Optional className for the fieldset
+     */
+    className?: string;
+}
+/**
+ * RadioGroup component that wraps multiple Radio components in a Fieldset.
+ * Handles state management, onChange, and value automatically.
+ *
+ * @example
+ * <RadioGroup
+ *   legend="Hvilken iskremsmak er best?"
+ *   description="Velg din favorittsmak"
+ *   options={[
+ *     { value: 'vanilje', label: 'Vanilje' },
+ *     { value: 'jordbær', label: 'Jordbær' },
+ *     { value: 'sjokolade', label: 'Sjokolade' },
+ *   ]}
+ *   value={selectedValue}
+ *   onChange={(value) => setSelectedValue(value)}
+ * />
+ */
+export declare const RadioGroup: ({ legend, description, options, value, onChange, error, disabled, readOnly, required, name, className, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioGroup;

package/dist/types/components/radio-group/radio-group.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import RadioGroup from '.';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Primary: Story;
+export declare const Uncontrolled: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const WithDescriptions: Story;

package/dist/types/components/tag-list/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type TagListProps = {
+    maxTags?: number;
+    'data-size'?: string;
+};
+declare const TagList: ({ children, className, maxTags, "data-size": dataSize, ...props }: TagListProps & React.HTMLAttributes<HTMLUListElement>) => import("react/jsx-runtime").JSX.Element | null;
+export default TagList;

package/dist/types/components/tag-list/tag-list.stories.d.ts

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

package/dist/types/index.d.ts

@@ -4,3 +4,8 @@ export { default as CopyButton } from './components/copy-button';
 export { default as HStack } from './components/hstack';
 export { default as VStack } from './components/vstack';
 export { HelpText } from './components/helptext';
+export { default as TagList } from './components/tag-list';
+export { default as RadioGroup } from './components/radio-group';
+export { default as CheckboxGroup } from './components/checkbox-group';
+export type { RadioGroupProps } from './components/radio-group';
+export type { CheckboxGroupProps } from './components/checkbox-group';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fellesdatakatalog/ui",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "React UI components for Felles Datakatalog",
   "main": "dist/shared-ui.cjs",
   "module": "dist/shared-ui.es.js",
@@ -24,6 +24,7 @@
   "scripts": {
     "build": "vite build && npm run build:types",
     "build:types": "tsc --emitDeclarationOnly",
+    "watch": "concurrently \"vite build --watch\" \"tsc --watch --emitDeclarationOnly\"",
     "test": "vitest",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -61,6 +62,7 @@
     "@vitejs/plugin-react": "^4.7.0",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
+    "concurrently": "^9.2.1",
     "playwright": "^1.54.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",