UNPKG

rk-designsystem

Version:

A React component library built on top of Digdir Design System

norwegianredcross.github.io/DesignSystem/storybook

norwegianredcross/DesignSystem

22 lines • 202 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
(function(C,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("react"),require("@digdir/designsystemet-react"),require("date-fns"),require("@navikt/aksel-icons")):typeof define=="function"&&define.amd?define(["exports","react","@digdir/designsystemet-react","date-fns","@navikt/aksel-icons"],w):(C=typeof globalThis<"u"?globalThis:C||self,w(C.ComponentLibrary={},C.React,C.designsystemetReact,C.dateFns,C.akselIcons))})(this,(function(C,w,L,$,de){"use strict";var _e={exports:{}},ye={};/** * @license React * react-jsx-runtime.production.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var Qe;function Ot(){if(Qe)return ye;Qe=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function n(s,i,a){var o=null;if(a!==void 0&&(o=""+a),i.key!==void 0&&(o=""+i.key),"key"in i){a={};for(var d in i)d!=="key"&&(a[d]=i[d])}else a=i;return i=a.ref,{$$typeof:t,type:s,key:o,ref:i!==void 0?i:null,props:a}}return ye.Fragment=e,ye.jsx=n,ye.jsxs=n,ye}var xe={};/** * @license React * react-jsx-runtime.development.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var et;function Ht(){return et||(et=1,process.env.NODE_ENV!=="production"&&(function(){function t(c){if(c==null)return null;if(typeof c=="function")return c.$$typeof===z?null:c.displayName||c.name||null;if(typeof c=="string")return c;switch(c){case v:return"Fragment";case m:return"Profiler";case p:return"StrictMode";case P:return"Suspense";case I:return"SuspenseList";case G:return"Activity"}if(typeof c=="object")switch(typeof c.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),c.$$typeof){case b:return"Portal";case N:return c.displayName||"Context";case T:return(c._context.displayName||"Context")+".Consumer";case F:var _=c.render;return c=c.displayName,c||(c=_.displayName||_.name||"",c=c!==""?"ForwardRef("+c+")":"ForwardRef"),c;case B:return _=c.displayName||null,_!==null?_:t(c.type)||"Memo";case M:_=c._payload,c=c._init;try{return t(c(_))}catch{}}return null}function e(c){return""+c}function n(c){try{e(c);var _=!1}catch{_=!0}if(_){_=console;var R=_.error,W=typeof Symbol=="function"&&Symbol.toStringTag&&c[Symbol.toStringTag]||c.constructor.name||"Object";return R.call(_,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",W),e(c)}}function s(c){if(c===v)return"<>";if(typeof c=="object"&&c!==null&&c.$$typeof===M)return"<...>";try{var _=t(c);return _?"<"+_+">":"<...>"}catch{return"<...>"}}function i(){var c=K.A;return c===null?null:c.getOwner()}function a(){return Error("react-stack-top-frame")}function o(c){if(O.call(c,"key")){var _=Object.getOwnPropertyDescriptor(c,"key").get;if(_&&_.isReactWarning)return!1}return c.key!==void 0}function d(c,_){function R(){Z||(Z=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",_))}R.isReactWarning=!0,Object.defineProperty(c,"key",{get:R,configurable:!0})}function l(){var c=t(this.type);return se[c]||(se[c]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),c=this.props.ref,c!==void 0?c:null}function u(c,_,R,W,x,A){var D=R.ref;return c={$$typeof:h,type:c,key:_,props:R,_owner:W},(D!==void 0?D:null)!==null?Object.defineProperty(c,"ref",{enumerable:!1,get:l}):Object.defineProperty(c,"ref",{enumerable:!1,value:null}),c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(c,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(c,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:x}),Object.defineProperty(c,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c}function y(c,_,R,W,x,A){var D=_.children;if(D!==void 0)if(W)if(H(D)){for(W=0;W<D.length;W++)f(D[W]);Object.freeze&&Object.freeze(D)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else f(D);if(O.call(_,"key")){D=t(c);var U=Object.keys(_).filter(function(re){return re!=="key"});W=0<U.length?"{key: someKey, "+U.join(": ..., ")+": ...}":"{key: someKey}",ie[D+W]||(U=0<U.length?"{"+U.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; <%s key={someKey} {...props} />`,W,D,U,D),ie[D+W]=!0)}if(D=null,R!==void 0&&(n(R),D=""+R),o(_)&&(n(_.key),D=""+_.key),"key"in _){R={};for(var te in _)te!=="key"&&(R[te]=_[te])}else R=_;return D&&d(R,typeof c=="function"?c.displayName||c.name||"Unknown":c),u(c,D,R,i(),x,A)}function f(c){k(c)?c._store&&(c._store.validated=1):typeof c=="object"&&c!==null&&c.$$typeof===M&&(c._payload.status==="fulfilled"?k(c._payload.value)&&c._payload.value._store&&(c._payload.value._store.validated=1):c._store&&(c._store.validated=1))}function k(c){return typeof c=="object"&&c!==null&&c.$$typeof===h}var g=w,h=Symbol.for("react.transitional.element"),b=Symbol.for("react.portal"),v=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),T=Symbol.for("react.consumer"),N=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),P=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),B=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),G=Symbol.for("react.activity"),z=Symbol.for("react.client.reference"),K=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,O=Object.prototype.hasOwnProperty,H=Array.isArray,E=console.createTask?console.createTask:function(){return null};g={react_stack_bottom_frame:function(c){return c()}};var Z,se={},ee=g.react_stack_bottom_frame.bind(g,a)(),X=E(s(a)),ie={};xe.Fragment=v,xe.jsx=function(c,_,R){var W=1e4>K.recentlyCreatedOwnerStacks++;return y(c,_,R,!1,W?Error("react-stack-top-frame"):ee,W?E(s(c)):X)},xe.jsxs=function(c,_,R){var W=1e4>K.recentlyCreatedOwnerStacks++;return y(c,_,R,!0,W?Error("react-stack-top-frame"):ee,W?E(s(c)):X)}})()),xe}var tt;function Wt(){return tt||(tt=1,process.env.NODE_ENV==="production"?_e.exports=Ot():_e.exports=Ht()),_e.exports}var r=Wt();const nt=w.forwardRef((t,e)=>r.jsx(L.Alert,{ref:e,...t}));nt.displayName="Alert";const Re=w.forwardRef((t,e)=>r.jsx(L.Avatar,{ref:e,...t}));Re.displayName="Avatar";const ot=w.forwardRef((t,e)=>r.jsx(L.Badge,{ref:e,...t}));ot.displayName="Badge";const Vt=L.BadgePosition,Gt=L.Breadcrumbs,Ut=L.BreadcrumbsList,Kt=L.BreadcrumbsItem,qt=L.BreadcrumbsLink,ge=L.Button;ge.displayName="Button";const rt=L.Card,Yt=L.CardBlock;rt.displayName="Card";const st=L.Checkbox,$t=L.Fieldset,Jt=L.useCheckboxGroup;st.displayName="Checkbox",$t.displayName="Fieldset";const Zt=L.Chip;function Oe(t){return(e={})=>{const n=e.width?String(e.width):t.defaultWidth;return t.formats[n]||t.formats[t.defaultWidth]}}function Te(t){return(e,n)=>{const s=n!=null&&n.context?String(n.context):"standalone";let i;if(s==="formatting"&&t.formattingValues){const o=t.defaultFormattingWidth||t.defaultWidth,d=n!=null&&n.width?String(n.width):o;i=t.formattingValues[d]||t.formattingValues[o]}else{const o=t.defaultWidth,d=n!=null&&n.width?String(n.width):t.defaultWidth;i=t.values[d]||t.values[o]}const a=t.argumentCallback?t.argumentCallback(e):e;return i[a]}}function Se(t){return(e,n={})=>{const s=n.width,i=s&&t.matchPatterns[s]||t.matchPatterns[t.defaultMatchWidth],a=e.match(i);if(!a)return null;const o=a[0],d=s&&t.parsePatterns[s]||t.parsePatterns[t.defaultParseWidth],l=Array.isArray(d)?Qt(d,f=>f.test(o)):Xt(d,f=>f.test(o));let u;u=t.valueCallback?t.valueCallback(l):l,u=n.valueCallback?n.valueCallback(u):u;const y=e.slice(o.length);return{value:u,rest:y}}}function Xt(t,e){for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(t[n]))return n}function Qt(t,e){for(let n=0;n<t.length;n++)if(e(t[n]))return n}function en(t){return(e,n={})=>{const s=e.match(t.matchPattern);if(!s)return null;const i=s[0],a=e.match(t.parsePattern);if(!a)return null;let o=t.valueCallback?t.valueCallback(a[0]):a[0];o=n.valueCallback?n.valueCallback(o):o;const d=e.slice(i.length);return{value:o,rest:d}}}const tn={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en måned",other:"omtrent {{count}} måneder"},xMonths:{one:"en måned",other:"{{count}} måneder"},aboutXYears:{one:"omtrent ett år",other:"omtrent {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"over ett år",other:"over {{count}} år"},almostXYears:{one:"nesten ett år",other:"nesten {{count}} år"}},nn=(t,e,n)=>{let s;const i=tn[t];return typeof i=="string"?s=i:e===1?s=i.one:s=i.other.replace("{{count}}",String(e)),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"om "+s:s+" siden":s},on={full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},rn={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},sn={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},an={date:Oe({formats:on,defaultWidth:"full"}),time:Oe({formats:rn,defaultWidth:"full"}),dateTime:Oe({formats:sn,defaultWidth:"full"})},ln={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},dn=(t,e,n,s)=>ln[t],cn={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},un={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},mn={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},gn={narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn","man","tir","ons","tor","fre","lør"],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},pn={narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morgenen",afternoon:"på ettermiddagen",evening:"på kvelden",night:"på natten"}},fn={ordinalNumber:(t,e)=>Number(t)+".",era:Te({values:cn,defaultWidth:"wide"}),quarter:Te({values:un,defaultWidth:"wide",argumentCallback:t=>t-1}),month:Te({values:mn,defaultWidth:"wide"}),day:Te({values:gn,defaultWidth:"wide"}),dayPeriod:Te({values:pn,defaultWidth:"wide"})},hn=/^(\d+)\.?/i,kn=/\d+/i,bn={narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},vn={any:[/^f/i,/^e/i]},yn={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},xn={any:[/1/i,/2/i,/3/i,/4/i]},Tn={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},Sn={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},wn={narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},Cn={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},jn={narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},Dn={any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},In={ordinalNumber:en({matchPattern:hn,parsePattern:kn,valueCallback:t=>parseInt(t,10)}),era:Se({matchPatterns:bn,defaultMatchWidth:"wide",parsePatterns:vn,defaultParseWidth:"any"}),quarter:Se({matchPatterns:yn,defaultMatchWidth:"wide",parsePatterns:xn,defaultParseWidth:"any",valueCallback:t=>t+1}),month:Se({matchPatterns:Tn,defaultMatchWidth:"wide",parsePatterns:Sn,defaultParseWidth:"any"}),day:Se({matchPatterns:wn,defaultMatchWidth:"wide",parsePatterns:Cn,defaultParseWidth:"any"}),dayPeriod:Se({matchPatterns:jn,defaultMatchWidth:"any",parsePatterns:Dn,defaultParseWidth:"any"})},be={code:"nb",formatDistance:nn,formatLong:an,formatRelative:dn,localize:fn,match:In,options:{weekStartsOn:1,firstWeekContainsDate:4}},at=({title:t,...e})=>r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":t?void 0:!0,focusable:"false",...e,children:[t&&r.jsx("title",{children:t}),r.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.952 6.96459C16.6103 6.62289 16.0563 6.62289 15.7146 6.96459L9.2979 13.3813C8.95621 13.723 8.95621 14.277 9.2979 14.6187L15.7146 21.0354C16.0563 21.3771 16.6103 21.3771 16.952 21.0354C17.2937 20.6937 17.2937 20.1396 16.952 19.7979L11.1541 14L16.952 8.20203C17.2937 7.86032 17.2937 7.3063 16.952 6.96459Z",fill:"currentColor"})]});at.displayName="ChevronLeftIcon";const it=({title:t,...e})=>r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":t?void 0:!0,focusable:"false",...e,children:[t&&r.jsx("title",{children:t}),r.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.048 6.96459C11.3897 6.62289 11.9437 6.62289 12.2854 6.96459L18.7021 13.3813C19.0438 13.723 19.0438 14.277 18.7021 14.6187L12.2854 21.0354C11.9437 21.3771 11.3897 21.3771 11.048 21.0354C10.7063 20.6937 10.7063 20.1396 11.048 19.7979L16.8459 14L11.048 8.20203C10.7063 7.86032 10.7063 7.3063 11.048 6.96459Z",fill:"currentColor"})]});it.displayName="ChevronRightIcon";const ae={calendarContainer:"_calendarContainer_10l5p_1",calendarHeader:"_calendarHeader_10l5p_14",monthYear:"_monthYear_10l5p_21",navigationButtons:"_navigationButtons_10l5p_32",grid:"_grid_10l5p_41",dayNameCell:"_dayNameCell_10l5p_48",dateCell:"_dateCell_10l5p_65",dateNumberContainer:"_dateNumberContainer_10l5p_90",otherMonth:"_otherMonth_10l5p_103",selectedDate:"_selectedDate_10l5p_129"},Ln=t=>{const e=$.startOfMonth(t),n=$.startOfWeek(e,{locale:be}),s=$.addDays(n,41);return $.eachDayOfInterval({start:n,end:s})},lt=t=>t&&t.charAt(0).toUpperCase()+t.slice(1),dt=({initialDate:t=new Date,selectedDate:e=null,onDateSelect:n,"data-color":s,"data-size":i})=>{const[a,o]=w.useState($.startOfMonth(e&&$.isValid(e)?e:t));w.useEffect(()=>{if(e&&$.isValid(e)){const m=$.startOfMonth(e);$.isSameMonth(m,a)||o(m)}},[e]);const d=w.useMemo(()=>$.startOfMonth(new Date),[]),l=w.useMemo(()=>!1,[a,d]),u=w.useMemo(()=>Ln(a),[a]),y=w.useMemo(()=>{const m=$.startOfWeek(new Date,{locale:be});return Array.from({length:7}).map((T,N)=>{const F=$.format($.addDays(m,N),"EEEEEE",{locale:be});return lt(F)})},[]),f=w.useCallback(()=>{l||o(m=>$.startOfMonth($.subMonths(m,1)))},[l]),k=w.useCallback(()=>{o(m=>$.startOfMonth($.addMonths(m,1)))},[]),g=w.useCallback(m=>{n&&n(m)},[n]),h=w.useCallback((m,T)=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),g(T))},[g]),b=$.format(a,"MMMM",{locale:be}),v=$.format(a,"yyyy",{locale:be}),p=`${lt(b)} ${v}`;return r.jsxs("div",{className:ae.calendarContainer,"data-color":s,"data-size":i,children:[r.jsxs("div",{className:ae.calendarHeader,children:[r.jsx("span",{className:ae.monthYear,children:p}),r.jsxs("div",{className:ae.navigationButtons,children:[r.jsx(L.Button,{variant:"tertiary",icon:!0,onClick:f,"aria-label":"Forrige måned",disabled:l,children:r.jsx(at,{})}),r.jsx(L.Button,{variant:"tertiary",icon:!0,onClick:k,"aria-label":"Neste måned",children:r.jsx(it,{})})]})]}),r.jsx("div",{className:ae.grid,children:y.map(m=>r.jsx("div",{className:ae.dayNameCell,children:m},m))}),r.jsx("div",{className:ae.grid,children:u.map(m=>{const T=$.isSameMonth(m,a),N=e&&$.isValid(e)&&$.isSameDay(m,e),F=$.isToday(m),P=[ae.dateCell,T?"":ae.otherMonth,N?ae.selectedDate:"",F&&!N?ae.todayDate:""].filter(Boolean).join(" ");return r.jsx("div",{className:P,onClick:()=>g(m),onKeyDown:I=>h(I,m),role:"button",tabIndex:0,"aria-pressed":N??!1,"aria-label":$.format(m,"PPP",{locale:be}),children:r.jsx("span",{className:ae.dateNumberContainer,children:$.format(m,"d")})},m.toISOString())})})]})};dt.displayName="DatePicker";const pe={fieldset:"_fieldset_16fx7_2",description:"_description_16fx7_14",error:"_error_16fx7_21",inputWrapper:"_inputWrapper_16fx7_30",inputWrapperError:"_inputWrapperError_16fx7_42",suffixButton:"_suffixButton_16fx7_80",suffixButtonInteractive:"_suffixButtonInteractive_16fx7_100"},ct=t=>{const e=t.slice(0,2),n=t.slice(2,4),s=t.slice(4,8);return t.length>4?`${e}.${n}.${s}`:t.length>2?`${e}.${n}`:t.length>0?e:""},ut=t=>(t||"").replace(/\D/g,""),mt=t=>{let e=t;if(e.length>=2){const n=parseInt(e.substring(0,2),10);!isNaN(n)&&n>31&&(e="31"+e.substring(2))}if(e.length>=4){const n=parseInt(e.substring(2,4),10);!isNaN(n)&&n>12&&(e=e.substring(0,2)+"12"+e.substring(4))}return e.slice(0,8)},gt=w.forwardRef((t,e)=>{const{label:n,suffixIcon:s,onSuffixClick:i,className:a,inputWrapperClassName:o,inputClassName:d,value:l,defaultValue:u,onChange:y,readOnly:f,placeholder:k="dd.mm.åååå",id:g,name:h,required:b,disabled:v,onClick:p,onFocus:m,onBlur:T,autoComplete:N="off","aria-label":F,"aria-labelledby":P,description:I,error:B,"data-color":M,"data-size":G,...z}=t,K=l!==void 0,O=w.useRef(null);w.useImperativeHandle(e,()=>O.current);const H=w.useCallback(A=>{const D=ut(A),U=mt(D);return ct(U)},[]),[E,Z]=w.useState(()=>H(l??u));w.useEffect(()=>{if(K){const A=H(l);A!==E&&(Z(A),O.current&&O.current.value!==A&&(O.current.value=A))}},[l,K,E,H]);const se=w.useCallback(A=>{const D=A.target,U=D.value,te=E,re=ut(U).slice(0,8),q=mt(re),j=ct(q);let V=0;const Y=q.length;Y<=2?V=Y:Y<=4?V=Y+1:V=Y+2,V=Math.min(V,j.length),requestAnimationFrame(()=>{if(O.current&&(Z(j),O.current.value=j,O.current.setSelectionRange(V,V),(j!==te||K)&&y)){const ne={...A,target:{...D,value:j}};y(ne,j)}})},[E,K,y,H]),ee=[pe.fieldset,a].filter(Boolean).join(" "),X=[pe.inputWrapper,o,B?pe.inputWrapperError:""].filter(Boolean).join(" "),ie=[d].filter(Boolean).join(" "),c=[pe.suffixButton,i?pe.suffixButtonInteractive:""].filter(Boolean).join(" ");!n&&!F&&!P&&console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");const _=n&&typeof n=="string"?P||`${g}-label`:void 0,R=I?`${g}-desc`:void 0,W=B?`${g}-err`:void 0,x=[R,W].filter(Boolean).join(" ")||void 0;return r.jsxs("div",{className:ee,"data-color":M,"data-size":G,children:[n&&typeof n=="string"?r.jsx("label",{id:_,htmlFor:g,children:n}):n,I&&r.jsx("p",{id:R,className:pe.description,children:I}),r.jsxs("div",{className:X,children:[r.jsx("input",{ref:O,type:"text",inputMode:"numeric",pattern:"\\d{2}\\.\\d{2}\\.\\d{4}",maxLength:10,value:E,readOnly:f,placeholder:k,id:g,name:h,required:b,disabled:v,onClick:p,onChange:se,onFocus:m,onBlur:T,autoComplete:N,"aria-label":F,"aria-labelledby":_,"aria-describedby":x,"aria-invalid":!!B,className:ie,...z}),s&&r.jsx("button",{type:"button",className:c,onClick:v?void 0:i,tabIndex:i&&!v?0:-1,"aria-hidden":!i,disabled:v,"aria-label":i?"Åpne datovelger":void 0,children:s})]}),B&&r.jsx("p",{id:W,className:pe.error,role:"alert",children:B})]})});gt.displayName="DateInput";function An(t){return Object.prototype.toString.call(t)==="[object Object]"}function pt(t){return An(t)||Array.isArray(t)}function En(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}function He(t,e){const n=Object.keys(t),s=Object.keys(e);if(n.length!==s.length)return!1;const i=JSON.stringify(Object.keys(t.breakpoints||{})),a=JSON.stringify(Object.keys(e.breakpoints||{}));return i!==a?!1:n.every(o=>{const d=t[o],l=e[o];return typeof d=="function"?`${d}`==`${l}`:!pt(d)||!pt(l)?d===l:He(d,l)})}function ft(t){return t.concat().sort((e,n)=>e.name>n.name?1:-1).map(e=>e.options)}function Bn(t,e){if(t.length!==e.length)return!1;const n=ft(t),s=ft(e);return n.every((i,a)=>{const o=s[a];return He(i,o)})}function We(t){return typeof t=="number"}function Ve(t){return typeof t=="string"}function Fe(t){return typeof t=="boolean"}function ht(t){return Object.prototype.toString.call(t)==="[object Object]"}function J(t){return Math.abs(t)}function Ge(t){return Math.sign(t)}function we(t,e){return J(t-e)}function _n(t,e){if(t===0||e===0||J(t)<=J(e))return 0;const n=we(J(t),J(e));return J(n/t)}function Fn(t){return Math.round(t*100)/100}function Ce(t){return De(t).map(Number)}function le(t){return t[je(t)]}function je(t){return Math.max(0,t.length-1)}function Ue(t,e){return e===je(t)}function kt(t,e=0){return Array.from(Array(t),(n,s)=>e+s)}function De(t){return Object.keys(t)}function bt(t,e){return[t,e].reduce((n,s)=>(De(s).forEach(i=>{const a=n[i],o=s[i],d=ht(a)&&ht(o);n[i]=d?bt(a,o):o}),n),{})}function Ke(t,e){return typeof e.MouseEvent<"u"&&t instanceof e.MouseEvent}function Nn(t,e){const n={start:s,center:i,end:a};function s(){return 0}function i(l){return a(l)/2}function a(l){return e-l}function o(l,u){return Ve(t)?n[t](l):t(e,l,u)}return{measure:o}}function Ie(){let t=[];function e(i,a,o,d={passive:!0}){let l;if("addEventListener"in i)i.addEventListener(a,o,d),l=()=>i.removeEventListener(a,o,d);else{const u=i;u.addListener(o),l=()=>u.removeListener(o)}return t.push(l),s}function n(){t=t.filter(i=>i())}const s={add:e,clear:n};return s}function Pn(t,e,n,s){const i=Ie(),a=1e3/60;let o=null,d=0,l=0;function u(){i.add(t,"visibilitychange",()=>{t.hidden&&h()})}function y(){g(),i.clear()}function f(v){if(!l)return;o||(o=v,n(),n());const p=v-o;for(o=v,d+=p;d>=a;)n(),d-=a;const m=d/a;s(m),l&&(l=e.requestAnimationFrame(f))}function k(){l||(l=e.requestAnimationFrame(f))}function g(){e.cancelAnimationFrame(l),o=null,d=0,l=0}function h(){o=null,d=0}return{init:u,destroy:y,start:k,stop:g,update:n,render:s}}function Mn(t,e){const n=e==="rtl",s=t==="y",i=s?"y":"x",a=s?"x":"y",o=!s&&n?-1:1,d=y(),l=f();function u(h){const{height:b,width:v}=h;return s?b:v}function y(){return s?"top":n?"right":"left"}function f(){return s?"bottom":n?"left":"right"}function k(h){return h*o}return{scroll:i,cross:a,startEdge:d,endEdge:l,measureSize:u,direction:k}}function fe(t=0,e=0){const n=J(t-e);function s(u){return u<t}function i(u){return u>e}function a(u){return s(u)||i(u)}function o(u){return a(u)?s(u)?t:e:u}function d(u){return n?u-n*Math.ceil((u-e)/n):u}return{length:n,max:e,min:t,constrain:o,reachedAny:a,reachedMax:i,reachedMin:s,removeOffset:d}}function vt(t,e,n){const{constrain:s}=fe(0,t),i=t+1;let a=o(e);function o(k){return n?J((i+k)%i):s(k)}function d(){return a}function l(k){return a=o(k),f}function u(k){return y().set(d()+k)}function y(){return vt(t,d(),n)}const f={get:d,set:l,add:u,clone:y};return f}function zn(t,e,n,s,i,a,o,d,l,u,y,f,k,g,h,b,v,p,m){const{cross:T,direction:N}=t,F=["INPUT","SELECT","TEXTAREA"],P={passive:!1},I=Ie(),B=Ie(),M=fe(50,225).constrain(g.measure(20)),G={mouse:300,touch:400},z={mouse:500,touch:600},K=h?43:25;let O=!1,H=0,E=0,Z=!1,se=!1,ee=!1,X=!1;function ie(j){if(!m)return;function V(ne){(Fe(m)||m(j,ne))&&A(ne)}const Y=e;I.add(Y,"dragstart",ne=>ne.preventDefault(),P).add(Y,"touchmove",()=>{},P).add(Y,"touchend",()=>{}).add(Y,"touchstart",V).add(Y,"mousedown",V).add(Y,"touchcancel",U).add(Y,"contextmenu",U).add(Y,"click",te,!0)}function c(){I.clear(),B.clear()}function _(){const j=X?n:e;B.add(j,"touchmove",D,P).add(j,"touchend",U).add(j,"mousemove",D,P).add(j,"mouseup",U)}function R(j){const V=j.nodeName||"";return F.includes(V)}function W(){return(h?z:G)[X?"mouse":"touch"]}function x(j,V){const Y=f.add(Ge(j)*-1),ne=y.byDistance(j,!h).distance;return h||J(j)<M?ne:v&&V?ne*.5:y.byIndex(Y.get(),0).distance}function A(j){const V=Ke(j,s);X=V,ee=h&&V&&!j.buttons&&O,O=we(i.get(),o.get())>=2,!(V&&j.button!==0)&&(R(j.target)||(Z=!0,a.pointerDown(j),u.useFriction(0).useDuration(0),i.set(o),_(),H=a.readPoint(j),E=a.readPoint(j,T),k.emit("pointerDown")))}function D(j){if(!Ke(j,s)&&j.touches.length>=2)return U(j);const Y=a.readPoint(j),ne=a.readPoint(j,T),ce=we(Y,H),ue=we(ne,E);if(!se&&!X&&(!j.cancelable||(se=ce>ue,!se)))return U(j);const he=a.pointerMove(j);ce>b&&(ee=!0),u.useFriction(.3).useDuration(.75),d.start(),i.add(N(he)),j.preventDefault()}function U(j){const Y=y.byDistance(0,!1).index!==f.get(),ne=a.pointerUp(j)*W(),ce=x(N(ne),Y),ue=_n(ne,ce),he=K-10*ue,me=p+ue/50;se=!1,Z=!1,B.clear(),u.useDuration(he).useFriction(me),l.distance(ce,!h),X=!1,k.emit("pointerUp")}function te(j){ee&&(j.stopPropagation(),j.preventDefault(),ee=!1)}function re(){return Z}return{init:ie,destroy:c,pointerDown:re}}function Rn(t,e){let s,i;function a(f){return f.timeStamp}function o(f,k){const h=`client${(k||t.scroll)==="x"?"X":"Y"}`;return(Ke(f,e)?f:f.touches[0])[h]}function d(f){return s=f,i=f,o(f)}function l(f){const k=o(f)-o(i),g=a(f)-a(s)>170;return i=f,g&&(s=f),k}function u(f){if(!s||!i)return 0;const k=o(i)-o(s),g=a(f)-a(s),h=a(f)-a(i)>170,b=k/g;return g&&!h&&J(b)>.1?b:0}return{pointerDown:d,pointerMove:l,pointerUp:u,readPoint:o}}function On(){function t(n){const{offsetTop:s,offsetLeft:i,offsetWidth:a,offsetHeight:o}=n;return{top:s,right:i+a,bottom:s+o,left:i,width:a,height:o}}return{measure:t}}function Hn(t){function e(s){return t*(s/100)}return{measure:e}}function Wn(t,e,n,s,i,a,o){const d=[t].concat(s);let l,u,y=[],f=!1;function k(v){return i.measureSize(o.measure(v))}function g(v){if(!a)return;u=k(t),y=s.map(k);function p(m){for(const T of m){if(f)return;const N=T.target===t,F=s.indexOf(T.target),P=N?u:y[F],I=k(N?t:s[F]);if(J(I-P)>=.5){v.reInit(),e.emit("resize");break}}}l=new ResizeObserver(m=>{(Fe(a)||a(v,m))&&p(m)}),n.requestAnimationFrame(()=>{d.forEach(m=>l.observe(m))})}function h(){f=!0,l&&l.disconnect()}return{init:g,destroy:h}}function Vn(t,e,n,s,i,a){let o=0,d=0,l=i,u=a,y=t.get(),f=0;function k(){const P=s.get()-t.get(),I=!l;let B=0;return I?(o=0,n.set(s),t.set(s),B=P):(n.set(t),o+=P/l,o*=u,y+=o,t.add(o),B=y-f),d=Ge(B),f=y,F}function g(){const P=s.get()-e.get();return J(P)<.001}function h(){return l}function b(){return d}function v(){return o}function p(){return T(i)}function m(){return N(a)}function T(P){return l=P,F}function N(P){return u=P,F}const F={direction:b,duration:h,velocity:v,seek:k,settled:g,useBaseFriction:m,useBaseDuration:p,useFriction:N,useDuration:T};return F}function Gn(t,e,n,s,i){const a=i.measure(10),o=i.measure(50),d=fe(.1,.99);let l=!1;function u(){return!(l||!t.reachedAny(n.get())||!t.reachedAny(e.get()))}function y(g){if(!u())return;const h=t.reachedMin(e.get())?"min":"max",b=J(t[h]-e.get()),v=n.get()-e.get(),p=d.constrain(b/o);n.subtract(v*p),!g&&J(v)<a&&(n.set(t.constrain(n.get())),s.useDuration(25).useBaseFriction())}function f(g){l=!g}return{shouldConstrain:u,constrain:y,toggleActive:f}}function Un(t,e,n,s,i){const a=fe(-e+t,0),o=f(),d=y(),l=k();function u(h,b){return we(h,b)<=1}function y(){const h=o[0],b=le(o),v=o.lastIndexOf(h),p=o.indexOf(b)+1;return fe(v,p)}function f(){return n.map((h,b)=>{const{min:v,max:p}=a,m=a.constrain(h),T=!b,N=Ue(n,b);return T?p:N||u(v,m)?v:u(p,m)?p:m}).map(h=>parseFloat(h.toFixed(3)))}function k(){if(e<=t+i)return[a.max];if(s==="keepSnaps")return o;const{min:h,max:b}=d;return o.slice(h,b)}return{snapsContained:l,scrollContainLimit:d}}function Kn(t,e,n){const s=e[0],i=n?s-t:le(e);return{limit:fe(i,s)}}function qn(t,e,n,s){const a=e.min+.1,o=e.max+.1,{reachedMin:d,reachedMax:l}=fe(a,o);function u(k){return k===1?l(n.get()):k===-1?d(n.get()):!1}function y(k){if(!u(k))return;const g=t*(k*-1);s.forEach(h=>h.add(g))}return{loop:y}}function Yn(t){const{max:e,length:n}=t;function s(a){const o=a-e;return n?o/-n:0}return{get:s}}function $n(t,e,n,s,i){const{startEdge:a,endEdge:o}=t,{groupSlides:d}=i,l=f().map(e.measure),u=k(),y=g();function f(){return d(s).map(b=>le(b)[o]-b[0][a]).map(J)}function k(){return s.map(b=>n[a]-b[a]).map(b=>-J(b))}function g(){return d(u).map(b=>b[0]).map((b,v)=>b+l[v])}return{snaps:u,snapsAligned:y}}function Jn(t,e,n,s,i,a){const{groupSlides:o}=i,{min:d,max:l}=s,u=y();function y(){const k=o(a),g=!t||e==="keepSnaps";return n.length===1?[a]:g?k:k.slice(d,l).map((h,b,v)=>{const p=!b,m=Ue(v,b);if(p){const T=le(v[0])+1;return kt(T)}if(m){const T=je(a)-le(v)[0]+1;return kt(T,le(v)[0])}return h})}return{slideRegistry:u}}function Zn(t,e,n,s,i){const{reachedAny:a,removeOffset:o,constrain:d}=s;function l(h){return h.concat().sort((b,v)=>J(b)-J(v))[0]}function u(h){const b=t?o(h):d(h),v=e.map((m,T)=>({diff:y(m-b,0),index:T})).sort((m,T)=>J(m.diff)-J(T.diff)),{index:p}=v[0];return{index:p,distance:b}}function y(h,b){const v=[h,h+n,h-n];if(!t)return h;if(!b)return l(v);const p=v.filter(m=>Ge(m)===b);return p.length?l(p):le(v)-n}function f(h,b){const v=e[h]-i.get(),p=y(v,b);return{index:h,distance:p}}function k(h,b){const v=i.get()+h,{index:p,distance:m}=u(v),T=!t&&a(v);if(!b||T)return{index:p,distance:h};const N=e[p]-m,F=h+y(N,0);return{index:p,distance:F}}return{byDistance:k,byIndex:f,shortcut:y}}function Xn(t,e,n,s,i,a,o){function d(f){const k=f.distance,g=f.index!==e.get();a.add(k),k&&(s.duration()?t.start():(t.update(),t.render(1),t.update())),g&&(n.set(e.get()),e.set(f.index),o.emit("select"))}function l(f,k){const g=i.byDistance(f,k);d(g)}function u(f,k){const g=e.clone().set(f),h=i.byIndex(g.get(),k);d(h)}return{distance:l,index:u}}function Qn(t,e,n,s,i,a,o,d){const l={passive:!0,capture:!0};let u=0;function y(g){if(!d)return;function h(b){if(new Date().getTime()-u>10)return;o.emit("slideFocusStart"),t.scrollLeft=0;const m=n.findIndex(T=>T.includes(b));We(m)&&(i.useDuration(0),s.index(m,0),o.emit("slideFocus"))}a.add(document,"keydown",f,!1),e.forEach((b,v)=>{a.add(b,"focus",p=>{(Fe(d)||d(g,p))&&h(v)},l)})}function f(g){g.code==="Tab"&&(u=new Date().getTime())}return{init:y}}function Le(t){let e=t;function n(){return e}function s(l){e=o(l)}function i(l){e+=o(l)}function a(l){e-=o(l)}function o(l){return We(l)?l:l.get()}return{get:n,set:s,add:i,subtract:a}}function yt(t,e){const n=t.scroll==="x"?o:d,s=e.style;let i=null,a=!1;function o(k){return`translate3d(${k}px,0px,0px)`}function d(k){return`translate3d(0px,${k}px,0px)`}function l(k){if(a)return;const g=Fn(t.direction(k));g!==i&&(s.transform=n(g),i=g)}function u(k){a=!k}function y(){a||(s.transform="",e.getAttribute("style")||e.removeAttribute("style"))}return{clear:y,to:l,toggleActive:u}}function eo(t,e,n,s,i,a,o,d,l){const y=Ce(i),f=Ce(i).reverse(),k=p().concat(m());function g(I,B){return I.reduce((M,G)=>M-i[G],B)}function h(I,B){return I.reduce((M,G)=>g(M,B)>0?M.concat([G]):M,[])}function b(I){return a.map((B,M)=>({start:B-s[M]+.5+I,end:B+e-.5+I}))}function v(I,B,M){const G=b(B);return I.map(z=>{const K=M?0:-n,O=M?n:0,H=M?"end":"start",E=G[z][H];return{index:z,loopPoint:E,slideLocation:Le(-1),translate:yt(t,l[z]),target:()=>d.get()>E?K:O}})}function p(){const I=o[0],B=h(f,I);return v(B,n,!1)}function m(){const I=e-o[0]-1,B=h(y,I);return v(B,-n,!0)}function T(){return k.every(({index:I})=>{const B=y.filter(M=>M!==I);return g(B,e)<=.1})}function N(){k.forEach(I=>{const{target:B,translate:M,slideLocation:G}=I,z=B();z!==G.get()&&(M.to(z),G.set(z))})}function F(){k.forEach(I=>I.translate.clear())}return{canLoop:T,clear:F,loop:N,loopPoints:k}}function to(t,e,n){let s,i=!1;function a(l){if(!n)return;function u(y){for(const f of y)if(f.type==="childList"){l.reInit(),e.emit("slidesChanged");break}}s=new MutationObserver(y=>{i||(Fe(n)||n(l,y))&&u(y)}),s.observe(t,{childList:!0})}function o(){s&&s.disconnect(),i=!0}return{init:a,destroy:o}}function no(t,e,n,s){const i={};let a=null,o=null,d,l=!1;function u(){d=new IntersectionObserver(h=>{l||(h.forEach(b=>{const v=e.indexOf(b.target);i[v]=b}),a=null,o=null,n.emit("slidesInView"))},{root:t.parentElement,threshold:s}),e.forEach(h=>d.observe(h))}function y(){d&&d.disconnect(),l=!0}function f(h){return De(i).reduce((b,v)=>{const p=parseInt(v),{isIntersecting:m}=i[p];return(h&&m||!h&&!m)&&b.push(p),b},[])}function k(h=!0){if(h&&a)return a;if(!h&&o)return o;const b=f(h);return h&&(a=b),h||(o=b),b}return{init:u,destroy:y,get:k}}function oo(t,e,n,s,i,a){const{measureSize:o,startEdge:d,endEdge:l}=t,u=n[0]&&i,y=h(),f=b(),k=n.map(o),g=v();function h(){if(!u)return 0;const m=n[0];return J(e[d]-m[d])}function b(){if(!u)return 0;const m=a.getComputedStyle(le(s));return parseFloat(m.getPropertyValue(`margin-${l}`))}function v(){return n.map((m,T,N)=>{const F=!T,P=Ue(N,T);return F?k[T]+y:P?k[T]+f:N[T+1][d]-m[d]}).map(J)}return{slideSizes:k,slideSizesWithGaps:g,startGap:y,endGap:f}}function ro(t,e,n,s,i,a,o,d,l){const{startEdge:u,endEdge:y,direction:f}=t,k=We(n);function g(p,m){return Ce(p).filter(T=>T%m===0).map(T=>p.slice(T,T+m))}function h(p){return p.length?Ce(p).reduce((m,T,N)=>{const F=le(m)||0,P=F===0,I=T===je(p),B=i[u]-a[F][u],M=i[u]-a[T][y],G=!s&&P?f(o):0,z=!s&&I?f(d):0,K=J(M-z-(B+G));return N&&K>e+l&&m.push(T),I&&m.push(p.length),m},[]).map((m,T,N)=>{const F=Math.max(N[T-1]||0);return p.slice(F,m)}):[]}function b(p){return k?g(p,n):h(p)}return{groupSlides:b}}function so(t,e,n,s,i,a,o){const{align:d,axis:l,direction:u,startIndex:y,loop:f,duration:k,dragFree:g,dragThreshold:h,inViewThreshold:b,slidesToScroll:v,skipSnaps:p,containScroll:m,watchResize:T,watchSlides:N,watchDrag:F,watchFocus:P}=a,I=2,B=On(),M=B.measure(e),G=n.map(B.measure),z=Mn(l,u),K=z.measureSize(M),O=Hn(K),H=Nn(d,K),E=!f&&!!m,Z=f||!!m,{slideSizes:se,slideSizesWithGaps:ee,startGap:X,endGap:ie}=oo(z,M,G,n,Z,i),c=ro(z,K,v,f,M,G,X,ie,I),{snaps:_,snapsAligned:R}=$n(z,H,M,G,c),W=-le(_)+le(ee),{snapsContained:x,scrollContainLimit:A}=Un(K,W,R,m,I),D=E?x:R,{limit:U}=Kn(W,D,f),te=vt(je(D),y,f),re=te.clone(),q=Ce(n),j=({dragHandler:ve,scrollBody:Ze,scrollBounds:Xe,options:{loop:ze}})=>{ze||Xe.constrain(ve.pointerDown()),Ze.seek()},V=({scrollBody:ve,translate:Ze,location:Xe,offsetLocation:ze,previousLocation:Ho,scrollLooper:Wo,slideLooper:Vo,dragHandler:Go,animation:Uo,eventHandler:Ft,scrollBounds:Ko,options:{loop:Nt}},Pt)=>{const Mt=ve.settled(),qo=!Ko.shouldConstrain(),zt=Nt?Mt:Mt&&qo,Rt=zt&&!Go.pointerDown();Rt&&Uo.stop();const Yo=Xe.get()*Pt+Ho.get()*(1-Pt);ze.set(Yo),Nt&&(Wo.loop(ve.direction()),Vo.loop()),Ze.to(ze.get()),Rt&&Ft.emit("settle"),zt||Ft.emit("scroll")},Y=Pn(s,i,()=>j(Je),ve=>V(Je,ve)),ne=.68,ce=D[te.get()],ue=Le(ce),he=Le(ce),me=Le(ce),ke=Le(ce),Be=Vn(ue,me,he,ke,k,ne),Ye=Zn(f,D,W,U,ke),$e=Xn(Y,te,re,Be,Ye,ke,o),Et=Yn(U),Bt=Ie(),Ro=no(e,n,o,b),{slideRegistry:_t}=Jn(E,m,D,A,c,q),Oo=Qn(t,n,_t,$e,Be,Bt,o,P),Je={ownerDocument:s,ownerWindow:i,eventHandler:o,containerRect:M,slideRects:G,animation:Y,axis:z,dragHandler:zn(z,t,s,i,ke,Rn(z,i),ue,Y,$e,Be,Ye,te,o,O,g,h,p,ne,F),eventStore:Bt,percentOfView:O,index:te,indexPrevious:re,limit:U,location:ue,offsetLocation:me,previousLocation:he,options:a,resizeHandler:Wn(e,o,i,n,z,T,B),scrollBody:Be,scrollBounds:Gn(U,me,ke,Be,O),scrollLooper:qn(W,U,me,[ue,me,he,ke]),scrollProgress:Et,scrollSnapList:D.map(Et.get),scrollSnaps:D,scrollTarget:Ye,scrollTo:$e,slideLooper:eo(z,K,W,se,ee,_,D,me,n),slideFocus:Oo,slidesHandler:to(e,o,N),slidesInView:Ro,slideIndexes:q,slideRegistry:_t,slidesToScroll:c,target:ke,translate:yt(z,e)};return Je}function ao(){let t={},e;function n(u){e=u}function s(u){return t[u]||[]}function i(u){return s(u).forEach(y=>y(e,u)),l}function a(u,y){return t[u]=s(u).concat([y]),l}function o(u,y){return t[u]=s(u).filter(f=>f!==y),l}function d(){t={}}const l={init:n,emit:i,off:o,on:a,clear:d};return l}const io={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0,watchFocus:!0};function lo(t){function e(a,o){return bt(a,o||{})}function n(a){const o=a.breakpoints||{},d=De(o).filter(l=>t.matchMedia(l).matches).map(l=>o[l]).reduce((l,u)=>e(l,u),{});return e(a,d)}function s(a){return a.map(o=>De(o.breakpoints||{})).reduce((o,d)=>o.concat(d),[]).map(t.matchMedia)}return{mergeOptions:e,optionsAtMedia:n,optionsMediaQueries:s}}function co(t){let e=[];function n(a,o){return e=o.filter(({options:d})=>t.optionsAtMedia(d).active!==!1),e.forEach(d=>d.init(a,t)),o.reduce((d,l)=>Object.assign(d,{[l.name]:l}),{})}function s(){e=e.filter(a=>a.destroy())}return{init:n,destroy:s}}function Ne(t,e,n){const s=t.ownerDocument,i=s.defaultView,a=lo(i),o=co(a),d=Ie(),l=ao(),{mergeOptions:u,optionsAtMedia:y,optionsMediaQueries:f}=a,{on:k,off:g,emit:h}=l,b=z;let v=!1,p,m=u(io,Ne.globalOptions),T=u(m),N=[],F,P,I;function B(){const{container:q,slides:j}=T;P=(Ve(q)?t.querySelector(q):q)||t.children[0];const Y=Ve(j)?P.querySelectorAll(j):j;I=[].slice.call(Y||P.children)}function M(q){const j=so(t,P,I,s,i,q,l);if(q.loop&&!j.slideLooper.canLoop()){const V=Object.assign({},q,{loop:!1});return M(V)}return j}function G(q,j){v||(m=u(m,q),T=y(m),N=j||N,B(),p=M(T),f([m,...N.map(({options:V})=>V)]).forEach(V=>d.add(V,"change",z)),T.active&&(p.translate.to(p.location.get()),p.animation.init(),p.slidesInView.init(),p.slideFocus.init(re),p.eventHandler.init(re),p.resizeHandler.init(re),p.slidesHandler.init(re),p.options.loop&&p.slideLooper.loop(),P.offsetParent&&I.length&&p.dragHandler.init(re),F=o.init(re,N)))}function z(q,j){const V=c();K(),G(u({startIndex:V},q),j),l.emit("reInit")}function K(){p.dragHandler.destroy(),p.eventStore.clear(),p.translate.clear(),p.slideLooper.clear(),p.resizeHandler.destroy(),p.slidesHandler.destroy(),p.slidesInView.destroy(),p.animation.destroy(),o.destroy(),d.clear()}function O(){v||(v=!0,d.clear(),K(),l.emit("destroy"),l.clear())}function H(q,j,V){!T.active||v||(p.scrollBody.useBaseFriction().useDuration(j===!0?0:T.duration),p.scrollTo.index(q,V||0))}function E(q){const j=p.index.add(1).get();H(j,q,-1)}function Z(q){const j=p.index.add(-1).get();H(j,q,1)}function se(){return p.index.add(1).get()!==c()}function ee(){return p.index.add(-1).get()!==c()}function X(){return p.scrollSnapList}function ie(){return p.scrollProgress.get(p.offsetLocation.get())}function c(){return p.index.get()}function _(){return p.indexPrevious.get()}function R(){return p.slidesInView.get()}function W(){return p.slidesInView.get(!1)}function x(){return F}function A(){return p}function D(){return t}function U(){return P}function te(){return I}const re={canScrollNext:se,canScrollPrev:ee,containerNode:U,internalEngine:A,destroy:O,off:g,on:k,emit:h,plugins:x,previousScrollSnap:_,reInit:b,rootNode:D,scrollNext:E,scrollPrev:Z,scrollProgress:ie,scrollSnapList:X,scrollTo:H,selectedScrollSnap:c,slideNodes:te,slidesInView:R,slidesNotInView:W};return G(e,n),setTimeout(()=>l.emit("init"),0),re}Ne.globalOptions=void 0;function qe(t={},e=[]){const n=w.useRef(t),s=w.useRef(e),[i,a]=w.useState(),[o,d]=w.useState(),l=w.useCallback(()=>{i&&i.reInit(n.current,s.current)},[i]);return w.useEffect(()=>{He(n.current,t)||(n.current=t,l())},[t,l]),w.useEffect(()=>{Bn(s.current,e)||(s.current=e,l())},[e,l]),w.useEffect(()=>{if(En()&&o){Ne.globalOptions=qe.globalOptions;const u=Ne(o,n.current,s.current);return a(u),()=>u.destroy()}else a(void 0)},[o,a]),[d,i]}qe.globalOptions=void 0;const oe={carouselContainer:"_carouselContainer_1bu1s_1",viewport:"_viewport_1bu1s_11",slides:"_slides_1bu1s_17",slide:"_slide_1bu1s_17",slideInner:"_slideInner_1bu1s_37",loaderOverlay:"_loaderOverlay_1bu1s_45",image:"_image_1bu1s_55",loaded:"_loaded_1bu1s_66",empty:"_empty_1bu1s_78",controls:"_controls_1bu1s_84",arrows:"_arrows_1bu1s_94",dots:"_dots_1bu1s_104",dot:"_dot_1bu1s_104",dotActive:"_dotActive_1bu1s_130"},xt=L.Spinner,Tt=({images:t,autoPlay:e=!1,autoDelay:n=5,showArrows:s=!0,showDots:i=!0,variant:a,slidesPerView:o=1,slideSpacing:d=16,cornerRadius:l=0,"data-color":u,"data-size":y})=>{const f={loop:!0,align:"start",containScroll:"trimSnaps",slidesToScroll:1},[k,g]=qe(f),[h,b]=w.useState(0),[v,p]=w.useState([]),[m,T]=w.useState([]);w.useEffect(()=>{T(new Array((t==null?void 0:t.length)||0).fill(!1))},[t]);const N=w.useCallback(O=>{T(H=>{const E=[...H];return E[O]=!0,E})},[]),F=w.useMemo(()=>n*1e3,[n]),P=w.useCallback(()=>{g&&b(g.selectedScrollSnap())},[g]),I=w.useCallback(O=>g&&g.scrollTo(O),[g]),B=w.useCallback(()=>g&&g.scrollPrev(),[g]),M=w.useCallback(()=>g&&g.scrollNext(),[g]);w.useEffect(()=>{if(g)return g.on("select",P),g.on("reInit",P),p(g.scrollSnapList()),()=>{g.off("select",P),g.off("reInit",P)}},[g,P]),w.useEffect(()=>{g&&(g.reInit(),p(g.scrollSnapList()))},[g,t,o,d]),w.useEffect(()=>{if(!e||!g||!t||t.length<=1)return;const O=window.setInterval(()=>{g.canScrollNext()&&g.scrollNext()},F);return()=>{window.clearInterval(O)}},[e,F,g,t]);const G=Math.max(1,o),z=`${100/G}%`,K=d/2;return r.jsxs("div",{className:oe.carouselContainer,"data-color":u,"data-size":y,"data-variant":a,children:[r.jsx("div",{className:oe.viewport,ref:k,children:r.jsx("div",{className:oe.slides,style:{marginLeft:`-${K}px`,marginRight:`-${K}px`},children:t&&t.length>0?t.map((O,H)=>r.jsx("div",{className:oe.slide,style:{flex:`0 0 ${z}`,paddingLeft:`${K}px`,paddingRight:`${K}px`,borderRadius:l>0?`${l}px`:void 0,overflow:"hidden"},children:r.jsxs("div",{className:oe.slideInner,style:{borderRadius:`${l}px`,overflow:"hidden",position:"relative",width:"100%",height:"100%"},children:[!m[H]&&r.jsx("div",{className:oe.loaderOverlay,children:r.jsx(xt,{"aria-label":"Laster bilde"})}),r.jsx("img",{className:`${oe.image} ${m[H]?oe.loaded:oe.loadingImage}`,src:O.src,alt:O.alt,loading:H<G?"eager":"lazy",crossOrigin:"anonymous",onLoad:()=>N(H),onError:E=>{E.target.style.display="none",N(H)}})]})},`image-${H}-${O.src}`)):r.jsx("div",{className:oe.slide,style:{flex:"0 0 100%"},children:r.jsx("div",{className:oe.empty,children:"Ingen bilder"})})})}),(s||i&&t&&t.length>1)&&r.jsxs("div",{className:oe.controls,"aria-hidden":"false",children:[s&&r.jsxs("div",{className:oe.arrows,children:[r.jsx(ge,{variant:"primary",icon:!0,"aria-label":"Forrige bilde",onClick:B,disabled:!t||t.length<=1,children:r.jsx(de.ChevronLeftIcon,{"aria-hidden":!0})}),r.jsx(ge,{variant:"primary",icon:!0,"aria-label":"Neste bilde",onClick:M,disabled:!t||t.length<=1,children:r.jsx(de.ChevronRightIcon,{"aria-hidden":!0})})]}),i&&t&&t.length>1&&r.jsx("div",{className:oe.dots,role:"tablist","aria-label":"Bildeposisjon",children:v.map((O,H)=>{const E=H===h;return r.jsx("button",{type:"button",className:`${oe.dot} ${E?oe.dotActive:""}`,onClick:()=>I(H),"aria-label":`Gå til bilde ${H+1}`,"aria-selected":E,role:"tab"},`dot-${H}`)})})]})]})};Tt.displayName="Carousel";const uo=L.Details,mo=L.Dialog,go=L.Divider,Q=L.Dropdown,po=L.ErrorSummary,fo=L.Field,St=L.FieldDescription,wt=L.FieldCounter;St.displayName="Field.Description",wt.displayName="Field.Counter";const ho=L.Fieldset,Ct=w.forwardRef((t,e)=>r.jsx(L.Heading,{ref:e,...t}));Ct.displayName="Heading";const ko=L.Input,jt=w.forwardRef((t,e)=>r.jsx(L.Label,{ref:e,...t}));jt.displayName="Label";const Ae=L.Link,bo=L.List,vo=L.Pagination,yo=L.usePagination,Pe=w.forwardRef((t,e)=>r.jsx(L.Paragraph,{ref:e,...t}));Pe.displayName="Paragraph";const xo=L.Popover,To=L.Radio,So=L.useRadioGroup,Ee=Object.assign(L.Search,{Button:L.SearchButton,ClearButton:L.SearchClear,Input:L.SearchInput}),wo=L.Select,Co=L.Skeleton,jo=L.SkipLink,Dt=L.EXPERIMENTAL_Suggestion;Dt.displayName="Suggestion";const Me=L.Switch,Do=L.Table,Io=L.Tabs,Lo=L.Tag,Ao=L.Textarea,Eo=L.Textfield,Bo=L.ToggleGroup,_o=L.Tooltip,It=w.forwardRef((t,e)=>r.jsx(L.ValidationMessage,{ref:e,...t}));It.displayName="ValidationMessage";const Fo={NO:{header:{darkMode:"Nattmodus",toggleTheme:"Bytt tema",language:"Språk:",search:"Søk",searchPlaceholder:"Søk etter innhold...",closeSearch:"Lukk søk",openSearch:"Åpne søk",clearSearch:"Tøm søk",close:"Lukk",menu:"Meny",closeMenu:"Lukk meny",openMenu:"Åpne meny",login:"Logg inn",supportUs:"Støtt oss",suggestions:"Forslag til søk",viewAll:"Vis alle resultater",noResults:"Ingen treff funnet for",selectLanguage:"Velg språk",homeAriaLabel:"Norges Røde Kors Hjem",nav:{design:"Design",components:"Komponenter",code:"Kode",work:"Vårt arbeid",volunteer:"Bli frivillig",courses:"Kurs og opplæring"}},home:{heroTitle:"Røde Kors Designsystem",heroLead:"Felles komponentbibliotek og retningslinjer for design og utvikling av digitale løsninger i Røde Kors.",searchComponents:"Søk i komponenter",exploreSystem:"Utforsk systemet",componentsDesc:"Bibliotek med ferdige React-komponenter.",designDesc:"Farger, typografi og prinsipper.",codeDesc:"Dokumentasjon, arbeidsflyt og MCP.",universalDesign:"Universell utforming",universalDesignText:"Innebygd tilgjengelighet som standard. Vi følger WCAG 2.1-kravene strengt.",readGuidelines:"Les retningslinjene",consistentBrand:"Konsistent merkevare",consistentBrandText:"Design tokens sikrer at Røde Kors sin visuelle profil ivaretas på alle flater.",seeColors:"Se farger",efficientDev:"Effektiv utvikling",efficientDevText:"Spar tid med ferdige komponenter. Fokuser på funksjonalitet, ikke CSS.",exploreComponents:"Utforsk komponenter",quickActionsTitle:"Hopp rett inn",quickActionCodeTitle:"Start i kode",quickActionCodeText:"Se oppsett, tokens og eksempler.",quickActionDesignTitle:"Designguiden",quickActionDesignText:"Farger, typografi og prinsipper.",quickActionComponentsTitle:"Komponentbibliotek",quickActionComponentsText:"Utforsk og gjenbruk ferdige komponenter.",openCode:"Åpne kode",openDesign:"Åpne design",openComponents:"Åpne komponenter",featureStripTitle:"Nyttig akkurat nå",featureToken:"Oppdaterte designtokens",featureFont:"Source Sans 3 inkludert",featureComponent:"Nye komponentvarianter",featureSeeAll:"Se alle oppdateringer",profile:"Profil",name:"Navn Navnesen",volunteer:"Frivillig",save:"Lagre",approved:"Godkjent",rejected:"Avvist",darkModeLabel:"Mørk modus",importantMessage:"Viktig melding",updateGuidelines:"Husk å oppdatere retningslinjene...",all:"Alle",active:"Aktive",alerts:"Varsler",status:"Status"},components:{title:"Komponenter",intro:"Designsystemet inneholder grunnleggende komponenter som kan settes sammen på mange ulike måter og i forskjellige mønstre.",searchPlaceholder:"Søk etter komponent...",searchAriaLabel:"Søk i komponenter",noResults:"Ingen komponenter funnet for"},code:{sidebar:{overview:"Oversikt",workflow:"Arbeidsflyt",structure:"Struktur",contribute:"Bidra",home:"Startside",getStarted:"Kom i gang",designTokens:"Designtokens",fonts:"Fonter",icons:"Bruk av ikoner",figmaMcp:"Fra Figma til Kode (MCP)",componentCreation:"Komponent Kreasjon",metadataFiles:"Metadata filer",developerGuide:"Utviklerguide"},overview:{title:"Røde Kors Designsystem",intro:"Velkommen til Røde Kors Designsystem! Dette repositoriet inneholder et bibliotek med gjenbrukbare UI-komponenter bygget med React, skreddersydd for Norges Røde Kors sine digitale prosjekter.",text1:"Det er utviklet ved å utnytte grunnkomponentene fra Digdirs Designsystemet. Denne tilnærmingen sikrer en helhetlig og gjenkjennelig visuell identitet på tvers av alle applikasjoner for Røde Kors. Systemet er forhåndskonfigurert med det offisielle Røde Kors-temaet, som leveres via en dedikert designtoken-pakke.",text2:"Hovedmålet er å sikre merkevarekonsistens, forbedre utviklingseffektiviteten og opprettholde høye standarder for tilgjengelighet i alle Røde Kors-applikasjoner.",text3:"Storybook fungerer som den interaktive dokumentasjonen og utviklingsmiljøet for å vise og teste disse komponentene.",getStartedCard:"Kom i gang",getStartedDesc:"Installasjon, oppsett og retningslinjer for utviklere.",getStartedLink:"Kom i gang",designTokensCard:"Designtokens",designTokensDesc:"Lær hvordan du bruker designtokens og fonter.",designTokensLink:"Les mer",workflowCard:"Arbeidsflyt",workflowDesc:"Lær hvordan du bruker MCP-verktøy for å hente komponenter direkte fra Figma.",workflowLink:"Les guide"},getStarted:{title:"Kom i gang",intro:"For å ta i bruk Røde Kors Designsystem i din Next.js (eller annen React) applikasjon:",installationTitle:"1. Installasjon",installationText:"Installer de nødvendige npm-pakkene for prosjektet ditt. Du trenger tre pakker: selve komponentbiblioteket (rk-designsystem), grunnstilene fra Digdir, og Røde Kors-temapakken (rk-design-tokens).",githubLink:"Gå til GitHub Repository",npmTitle:"npm",yarnTitle:"yarn",pnpmTitle:"pnpm",note:"Merk: Du trenger ikke å installere @digdir/designsystemet-react separat, da alle nødvendige komponenter er inkludert i rk-designsystem-pakken.",stylesTitle:"2. Inkludering av stiler (CSS)",stylesText1:"For at komponentene skal styles riktig, må du importere stilarkene på øverste nivå i applikasjonen din, for eksempel i layout.tsx (for Next.js App Router)