@fremtind/jokul 0.10.1 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/build/NativeSelect-BxgwmRDc.cjs +2 -0
  2. package/build/{NativeSelect-DSmX3GZo.cjs.map → NativeSelect-BxgwmRDc.cjs.map} +1 -1
  3. package/build/NativeSelect-DwtOOfyt.js +2 -0
  4. package/build/{NativeSelect-EidDABsT.js.map → NativeSelect-DwtOOfyt.js.map} +1 -1
  5. package/build/build-stats.html +1 -1
  6. package/build/cjs/components/index.js +1 -1
  7. package/build/cjs/components/popover/Popover.js +2 -0
  8. package/build/cjs/components/popover/Popover.js.map +1 -0
  9. package/build/cjs/components/popover/index.js +2 -0
  10. package/build/cjs/components/popover/index.js.map +1 -0
  11. package/build/cjs/components/popover/utils.js +2 -0
  12. package/build/cjs/components/popover/utils.js.map +1 -0
  13. package/build/cjs/components/select/NativeSelect.js +1 -1
  14. package/build/cjs/components/select/Select.js +1 -1
  15. package/build/cjs/components/select/index.js +1 -1
  16. package/build/cjs/components/tooltip/TooltipContent.js +1 -1
  17. package/build/cjs/components/tooltip/TooltipContent.js.map +1 -1
  18. package/build/cjs/index.js +1 -1
  19. package/build/components/index.d.ts +1 -0
  20. package/build/components/popover/Popover.d.ts +114 -0
  21. package/build/components/popover/index.d.ts +1 -0
  22. package/build/components/popover/utils.d.ts +4 -0
  23. package/build/es/components/index.js +1 -1
  24. package/build/es/components/popover/Popover.js +2 -0
  25. package/build/es/components/popover/Popover.js.map +1 -0
  26. package/build/es/components/popover/index.js +2 -0
  27. package/build/es/components/popover/index.js.map +1 -0
  28. package/build/es/components/popover/utils.js +2 -0
  29. package/build/es/components/popover/utils.js.map +1 -0
  30. package/build/es/components/select/NativeSelect.js +1 -1
  31. package/build/es/components/select/Select.js +1 -1
  32. package/build/es/components/select/index.js +1 -1
  33. package/build/es/components/tooltip/TooltipContent.js +1 -1
  34. package/build/es/components/tooltip/TooltipContent.js.map +1 -1
  35. package/build/es/index.js +1 -1
  36. package/package.json +8 -6
  37. package/src/components/button/styles/button.css +4 -4
  38. package/src/components/button/styles/button.min.css +1 -1
  39. package/src/components/card/styles/card.min.css +1 -1
  40. package/src/components/checkbox/styles/checkbox.css +4 -4
  41. package/src/components/checkbox/styles/checkbox.min.css +1 -1
  42. package/src/components/combobox/styles/combobox.min.css +1 -1
  43. package/src/components/cookie-consent/styles/cookie-consent.min.css +1 -1
  44. package/src/components/datepicker/styles/datepicker.min.css +1 -1
  45. package/src/components/icon/styles/icon.min.css +1 -1
  46. package/src/components/link/styles/link.min.css +1 -1
  47. package/src/components/list/styles/list.min.css +1 -1
  48. package/src/components/loader/styles/loader.css +6 -6
  49. package/src/components/loader/styles/loader.min.css +1 -1
  50. package/src/components/loader/styles/skeleton-loader.css +5 -5
  51. package/src/components/loader/styles/skeleton-loader.min.css +1 -1
  52. package/src/components/popover/styles/_index.scss +1 -0
  53. package/src/components/popover/styles/popover.css +10 -0
  54. package/src/components/popover/styles/popover.min.css +1 -0
  55. package/src/components/popover/styles/popover.scss +9 -0
  56. package/src/components/radio-button/styles/radio-button.css +2 -2
  57. package/src/components/radio-button/styles/radio-button.min.css +1 -1
  58. package/src/components/select/styles/select.min.css +1 -1
  59. package/src/components/tag/styles/tag.min.css +1 -1
  60. package/src/components/text-input/styles/text-input.min.css +1 -1
  61. package/src/components/tooltip/styles/tooltip.min.css +1 -1
  62. package/src/core/styles/core.min.css +1 -1
  63. package/src/core/styles/vind.min.css +1 -1
  64. package/build/NativeSelect-DSmX3GZo.cjs +0 -2
  65. package/build/NativeSelect-EidDABsT.js +0 -2
  66. package/build/components/tooltip/Tooltip.d.ts +0 -122
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/AccordionItem.js"),o=require("./accordion/Accordion.js"),r=require("./breadcrumb/Breadcrumb.js"),t=require("./breadcrumb/BreadcrumbItem.js"),n=require("./button/Button.js"),s=require("./card/Card.js"),i=require("./card/CardImage.js"),c=require("./card/NavCard.js"),a=require("./card/TaskCard.js"),u=require("./card/InfoCard.js"),p=require("./checkbox/Checkbox.js"),x=require("./combobox/Combobox.js"),l=require("./cookie-consent/CookieConsent.js"),I=require("./cookie-consent/CookieConsentContext.js"),d=require("./datepicker/validation.js"),j=require("./datepicker/utils.js"),C=require("./datepicker/DatePicker.js"),q=require("./icon/Icon.js"),k=require("./icon/icons/animated/ArrowVerticalAnimated.js"),m=require("./icon/icons/animated/ArrowHorizontalAnimated.js"),T=require("./icon/icons/animated/PlusRemoveAnimated.js"),b=require("./icon/icons/ArrowDownIcon.js"),g=require("./icon/icons/ArrowLeftIcon.js"),h=require("./icon/icons/ArrowNorthEastIcon.js"),B=require("./icon/icons/ArrowRightIcon.js"),S=require("./icon/icons/ArrowUpIcon.js"),A=require("./icon/icons/CalendarIcon.js"),L=require("./icon/icons/CheckIcon.js"),w=require("./icon/icons/ChevronDownIcon.js"),R=require("./icon/icons/ChevronLeftIcon.js"),v=require("./icon/icons/ChevronRightIcon.js"),M=require("./icon/icons/ChevronUpIcon.js"),P=require("./icon/icons/CloseIcon.js"),y=require("./icon/icons/CopyIcon.js"),D=require("./icon/icons/DotsIcon.js"),f=require("./icon/icons/DragIcon.js"),G=require("./icon/icons/ErrorIcon.js"),U=require("./icon/icons/GreenCheckIcon.js"),N=require("./icon/icons/HamburgerIcon.js"),E=require("./icon/icons/InfoIcon.js"),H=require("./icon/icons/LinkIcon.js"),O=require("./icon/icons/PlusIcon.js"),W=require("./icon/icons/QuestionIcon.js"),F=require("./icon/icons/RedCrossIcon.js"),V=require("./icon/icons/SearchIcon.js"),z=require("./icon/icons/SuccessIcon.js"),Q=require("./icon/icons/WarningIcon.js"),Y=require("./icon/icons/MinusIcon.js"),J=require("./icon/icons/ThumbDownIcon.js"),K=require("./icon/icons/ThumbUpIcon.js"),X=require("./icon/icons/TrashCanIcon.js"),Z=require("./icon/icons/PenIcon.js"),$=require("./icon-button/IconButton.js"),_=require("./image/Image.js"),ee=require("./input-group/FieldGroup.js"),oe=require("./input-group/InputGroup.js"),re=require("./input-group/Label.js"),te=require("./input-group/SupportLabel.js"),ne=require("./link/Link.js"),se=require("./link/NavLink.js"),ie=require("./link-list/LinkList.js"),ce=require("./list/List.js"),ae=require("./list/ListItem.js"),ue=require("./loader/Loader.js"),pe=require("./loader/skeletons/SkeletonAnimation.js"),xe=require("./loader/skeletons/SkeletonButton.js"),le=require("./loader/skeletons/SkeletonCheckboxGroup.js"),Ie=require("./loader/skeletons/SkeletonElement.js"),de=require("./loader/skeletons/SkeletonInput.js"),je=require("./loader/skeletons/SkeletonRadioButtonGroup.js"),Ce=require("./loader/skeletons/SkeletonTable.js"),qe=require("./loader/skeletons/SkeletonTextArea.js"),ke=require("./modal/Modal.js"),me=require("./modal/useModal.js"),Te=require("./radio-button/RadioButton.js"),be=require("./radio-button/RadioButtonGroup.js"),ge=require("./radio-button/BaseRadioButton.js"),he=require("../../NativeSelect-DSmX3GZo.cjs"),Be=require("./tag/Tag.js"),Se=require("./text-input/BaseTextArea.js"),Ae=require("./text-input/BaseTextInput.js"),Le=require("./text-input/TextArea.js"),we=require("./text-input/TextInput.js"),Re=require("./tooltip/Tooltip.js"),ve=require("./tooltip/TooltipContent.js"),Me=require("./tooltip/TooltipTrigger.js"),Pe=require("./tooltip/PopupTip.js"),ye=require("./ScreenReaderOnly.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=n.Button,exports.PrimaryButton=n.PrimaryButton,exports.SecondaryButton=n.SecondaryButton,exports.TertiaryButton=n.TertiaryButton,exports.Card=s.Card,exports.CardImage=i.CardImage,exports.InfoBlock=c.InfoBlock,exports.NavCard=c.NavCard,exports.TaskCard=a.TaskCard,exports.InfoCard=u.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=x.Combobox,exports.getComboboxValuePair=x.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=I.CookieConsentProvider,exports.useCookieConsent=I.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=j.dayMonthYearRegex,exports.formatInput=j.formatInput,exports.isBlurTargetOutside=j.isBlurTargetOutside,exports.parseDateString=j.parseDateString,exports.DatePicker=C.DatePicker,exports.Icon=q.Icon,exports.ArrowVerticalAnimated=k.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=m.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=T.PlusRemoveAnimated,exports.ArrowDownIcon=b.ArrowDownIcon,exports.ArrowLeftIcon=g.ArrowLeftIcon,exports.ArrowNorthEastIcon=h.ArrowNorthEastIcon,exports.ArrowRightIcon=B.ArrowRightIcon,exports.ArrowUpIcon=S.ArrowUpIcon,exports.CalendarIcon=A.CalendarIcon,exports.CheckIcon=L.CheckIcon,exports.ChevronDownIcon=w.ChevronDownIcon,exports.ChevronLeftIcon=R.ChevronLeftIcon,exports.ChevronRightIcon=v.ChevronRightIcon,exports.ChevronUpIcon=M.ChevronUpIcon,exports.CloseIcon=P.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=D.DotsIcon,exports.DragIcon=f.DragIcon,exports.ErrorIcon=G.ErrorIcon,exports.GreenCheckIcon=U.GreenCheckIcon,exports.HamburgerIcon=N.HamburgerIcon,exports.InfoIcon=E.InfoIcon,exports.LinkIcon=H.LinkIcon,exports.PlusIcon=O.PlusIcon,exports.QuestionIcon=W.QuestionIcon,exports.RedCrossIcon=F.RedCrossIcon,exports.SearchIcon=V.SearchIcon,exports.SuccessIcon=z.SuccessIcon,exports.WarningIcon=Q.WarningIcon,exports.MinusIcon=Y.MinusIcon,exports.ThumbDownIcon=J.ThumbDownIcon,exports.ThumbUpIcon=K.ThumbUpIcon,exports.TrashCanIcon=X.TrashCanIcon,exports.PenIcon=Z.PenIcon,exports.IconButton=$.IconButton,exports.Image=_.Image,exports.FieldGroup=ee.FieldGroup,exports.InputGroup=oe.InputGroup,exports.Label=re.Label,exports.SupportLabel=te.SupportLabel,exports.Link=ne.Link,exports.NavLink=se.NavLink,exports.LinkList=ie.LinkList,exports.List=ce.List,exports.OrderedList=ce.OrderedList,exports.UnorderedList=ce.UnorderedList,exports.CheckListItem=ae.CheckListItem,exports.CrossListItem=ae.CrossListItem,exports.ListItem=ae.ListItem,exports.Loader=ue.Loader,exports.SkeletonAnimation=pe.SkeletonAnimation,exports.SkeletonButton=xe.SkeletonButton,exports.SkeletonCheckboxGroup=le.SkeletonCheckboxGroup,exports.SkeletonElement=Ie.SkeletonElement,exports.SkeletonInput=de.SkeletonInput,exports.SkeletonRadioButtonGroup=je.SkeletonRadioButtonGroup,exports.SkeletonTable=Ce.SkeletonTable,exports.SkeletonTableHeader=Ce.SkeletonTableHeader,exports.SkeletonTableRow=Ce.SkeletonTableRow,exports.SkeletonTextArea=qe.SkeletonTextArea,exports.Modal=ke.Modal,exports.ModalActions=ke.ModalActions,exports.ModalBody=ke.ModalBody,exports.ModalCloseButton=ke.ModalCloseButton,exports.ModalContainer=ke.ModalContainer,exports.ModalHeader=ke.ModalHeader,exports.ModalOverlay=ke.ModalOverlay,exports.ModalTitle=ke.ModalTitle,exports.useModal=me.useModal,exports.RadioButton=Te.RadioButton,exports.RadioButtonGroup=be.RadioButtonGroup,exports.BaseRadioButton=ge.BaseRadioButton,exports.NativeSelect=he.NativeSelect,exports.Select=he.Select,exports.ErrorTag=Be.ErrorTag,exports.InfoTag=Be.InfoTag,exports.SuccessTag=Be.SuccessTag,exports.Tag=Be.Tag,exports.WarningTag=Be.WarningTag,exports.BaseTextArea=Se.BaseTextArea,exports.BaseTextInput=Ae.BaseTextInput,exports.TextArea=Le.TextArea,exports.TextInput=we.TextInput,exports.Tooltip=Re.Tooltip,exports.TooltipContent=ve.TooltipContent,exports.TooltipTrigger=Me.TooltipTrigger,exports.PopupTip=Pe.PopupTip,exports.ScreenReaderOnly=ye.ScreenReaderOnly;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/AccordionItem.js"),o=require("./accordion/Accordion.js"),r=require("./breadcrumb/Breadcrumb.js"),t=require("./breadcrumb/BreadcrumbItem.js"),n=require("./button/Button.js"),s=require("./card/Card.js"),i=require("./card/CardImage.js"),c=require("./card/NavCard.js"),a=require("./card/TaskCard.js"),u=require("./card/InfoCard.js"),p=require("./checkbox/Checkbox.js"),x=require("./combobox/Combobox.js"),l=require("./cookie-consent/CookieConsent.js"),I=require("./cookie-consent/CookieConsentContext.js"),d=require("./datepicker/validation.js"),j=require("./datepicker/utils.js"),q=require("./datepicker/DatePicker.js"),C=require("./icon/Icon.js"),k=require("./icon/icons/animated/ArrowVerticalAnimated.js"),m=require("./icon/icons/animated/ArrowHorizontalAnimated.js"),T=require("./icon/icons/animated/PlusRemoveAnimated.js"),b=require("./icon/icons/ArrowDownIcon.js"),g=require("./icon/icons/ArrowLeftIcon.js"),h=require("./icon/icons/ArrowNorthEastIcon.js"),B=require("./icon/icons/ArrowRightIcon.js"),S=require("./icon/icons/ArrowUpIcon.js"),A=require("./icon/icons/CalendarIcon.js"),L=require("./icon/icons/CheckIcon.js"),w=require("./icon/icons/ChevronDownIcon.js"),v=require("./icon/icons/ChevronLeftIcon.js"),R=require("./icon/icons/ChevronRightIcon.js"),M=require("./icon/icons/ChevronUpIcon.js"),P=require("./icon/icons/CloseIcon.js"),y=require("./icon/icons/CopyIcon.js"),D=require("./icon/icons/DotsIcon.js"),f=require("./icon/icons/DragIcon.js"),G=require("./icon/icons/ErrorIcon.js"),U=require("./icon/icons/GreenCheckIcon.js"),N=require("./icon/icons/HamburgerIcon.js"),E=require("./icon/icons/InfoIcon.js"),H=require("./icon/icons/LinkIcon.js"),O=require("./icon/icons/PlusIcon.js"),W=require("./icon/icons/QuestionIcon.js"),F=require("./icon/icons/RedCrossIcon.js"),V=require("./icon/icons/SearchIcon.js"),z=require("./icon/icons/SuccessIcon.js"),Q=require("./icon/icons/WarningIcon.js"),Y=require("./icon/icons/MinusIcon.js"),J=require("./icon/icons/ThumbDownIcon.js"),K=require("./icon/icons/ThumbUpIcon.js"),X=require("./icon/icons/TrashCanIcon.js"),Z=require("./icon/icons/PenIcon.js"),$=require("./icon-button/IconButton.js"),_=require("./image/Image.js"),ee=require("./input-group/FieldGroup.js"),oe=require("./input-group/InputGroup.js"),re=require("./input-group/Label.js"),te=require("./input-group/SupportLabel.js"),ne=require("./link/Link.js"),se=require("./link/NavLink.js"),ie=require("./link-list/LinkList.js"),ce=require("./list/List.js"),ae=require("./list/ListItem.js"),ue=require("./loader/Loader.js"),pe=require("./loader/skeletons/SkeletonAnimation.js"),xe=require("./loader/skeletons/SkeletonButton.js"),le=require("./loader/skeletons/SkeletonCheckboxGroup.js"),Ie=require("./loader/skeletons/SkeletonElement.js"),de=require("./loader/skeletons/SkeletonInput.js"),je=require("./loader/skeletons/SkeletonRadioButtonGroup.js"),qe=require("./loader/skeletons/SkeletonTable.js"),Ce=require("./loader/skeletons/SkeletonTextArea.js"),ke=require("./modal/Modal.js"),me=require("./modal/useModal.js"),Te=require("./popover/Popover.js"),be=require("./radio-button/RadioButton.js"),ge=require("./radio-button/RadioButtonGroup.js"),he=require("./radio-button/BaseRadioButton.js"),Be=require("../../NativeSelect-BxgwmRDc.cjs"),Se=require("./tag/Tag.js"),Ae=require("./text-input/BaseTextArea.js"),Le=require("./text-input/BaseTextInput.js"),we=require("./text-input/TextArea.js"),ve=require("./text-input/TextInput.js"),Re=require("./tooltip/Tooltip.js"),Me=require("./tooltip/TooltipContent.js"),Pe=require("./tooltip/TooltipTrigger.js"),ye=require("./tooltip/PopupTip.js"),De=require("./ScreenReaderOnly.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=n.Button,exports.PrimaryButton=n.PrimaryButton,exports.SecondaryButton=n.SecondaryButton,exports.TertiaryButton=n.TertiaryButton,exports.Card=s.Card,exports.CardImage=i.CardImage,exports.InfoBlock=c.InfoBlock,exports.NavCard=c.NavCard,exports.TaskCard=a.TaskCard,exports.InfoCard=u.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=x.Combobox,exports.getComboboxValuePair=x.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=I.CookieConsentProvider,exports.useCookieConsent=I.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=j.dayMonthYearRegex,exports.formatInput=j.formatInput,exports.isBlurTargetOutside=j.isBlurTargetOutside,exports.parseDateString=j.parseDateString,exports.DatePicker=q.DatePicker,exports.Icon=C.Icon,exports.ArrowVerticalAnimated=k.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=m.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=T.PlusRemoveAnimated,exports.ArrowDownIcon=b.ArrowDownIcon,exports.ArrowLeftIcon=g.ArrowLeftIcon,exports.ArrowNorthEastIcon=h.ArrowNorthEastIcon,exports.ArrowRightIcon=B.ArrowRightIcon,exports.ArrowUpIcon=S.ArrowUpIcon,exports.CalendarIcon=A.CalendarIcon,exports.CheckIcon=L.CheckIcon,exports.ChevronDownIcon=w.ChevronDownIcon,exports.ChevronLeftIcon=v.ChevronLeftIcon,exports.ChevronRightIcon=R.ChevronRightIcon,exports.ChevronUpIcon=M.ChevronUpIcon,exports.CloseIcon=P.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=D.DotsIcon,exports.DragIcon=f.DragIcon,exports.ErrorIcon=G.ErrorIcon,exports.GreenCheckIcon=U.GreenCheckIcon,exports.HamburgerIcon=N.HamburgerIcon,exports.InfoIcon=E.InfoIcon,exports.LinkIcon=H.LinkIcon,exports.PlusIcon=O.PlusIcon,exports.QuestionIcon=W.QuestionIcon,exports.RedCrossIcon=F.RedCrossIcon,exports.SearchIcon=V.SearchIcon,exports.SuccessIcon=z.SuccessIcon,exports.WarningIcon=Q.WarningIcon,exports.MinusIcon=Y.MinusIcon,exports.ThumbDownIcon=J.ThumbDownIcon,exports.ThumbUpIcon=K.ThumbUpIcon,exports.TrashCanIcon=X.TrashCanIcon,exports.PenIcon=Z.PenIcon,exports.IconButton=$.IconButton,exports.Image=_.Image,exports.FieldGroup=ee.FieldGroup,exports.InputGroup=oe.InputGroup,exports.Label=re.Label,exports.SupportLabel=te.SupportLabel,exports.Link=ne.Link,exports.NavLink=se.NavLink,exports.LinkList=ie.LinkList,exports.List=ce.List,exports.OrderedList=ce.OrderedList,exports.UnorderedList=ce.UnorderedList,exports.CheckListItem=ae.CheckListItem,exports.CrossListItem=ae.CrossListItem,exports.ListItem=ae.ListItem,exports.Loader=ue.Loader,exports.SkeletonAnimation=pe.SkeletonAnimation,exports.SkeletonButton=xe.SkeletonButton,exports.SkeletonCheckboxGroup=le.SkeletonCheckboxGroup,exports.SkeletonElement=Ie.SkeletonElement,exports.SkeletonInput=de.SkeletonInput,exports.SkeletonRadioButtonGroup=je.SkeletonRadioButtonGroup,exports.SkeletonTable=qe.SkeletonTable,exports.SkeletonTableHeader=qe.SkeletonTableHeader,exports.SkeletonTableRow=qe.SkeletonTableRow,exports.SkeletonTextArea=Ce.SkeletonTextArea,exports.Modal=ke.Modal,exports.ModalActions=ke.ModalActions,exports.ModalBody=ke.ModalBody,exports.ModalCloseButton=ke.ModalCloseButton,exports.ModalContainer=ke.ModalContainer,exports.ModalHeader=ke.ModalHeader,exports.ModalOverlay=ke.ModalOverlay,exports.ModalTitle=ke.ModalTitle,exports.useModal=me.useModal,exports.Popover=Te,exports.RadioButton=be.RadioButton,exports.RadioButtonGroup=ge.RadioButtonGroup,exports.BaseRadioButton=he.BaseRadioButton,exports.NativeSelect=Be.NativeSelect,exports.Select=Be.Select,exports.ErrorTag=Se.ErrorTag,exports.InfoTag=Se.InfoTag,exports.SuccessTag=Se.SuccessTag,exports.Tag=Se.Tag,exports.WarningTag=Se.WarningTag,exports.BaseTextArea=Ae.BaseTextArea,exports.BaseTextInput=Le.BaseTextInput,exports.TextArea=we.TextArea,exports.TextInput=ve.TextInput,exports.Tooltip=Re.Tooltip,exports.TooltipContent=Me.TooltipContent,exports.TooltipTrigger=Pe.TooltipTrigger,exports.PopupTip=ye.PopupTip,exports.ScreenReaderOnly=De.ScreenReaderOnly;
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),n=require("../../../clsx-E3yX_9sL.cjs"),o=require("react"),r=require("./utils.js");const s=function(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}(o),l=s.createContext(null),a=()=>{const e=s.useContext(l);if(null==e)throw new Error("Popover komponenter må brukes innenfor en <Popover /> komponent");return e},i=({children:n,...o})=>{const r=(({open:e,onOpenChange:n,placement:o="bottom-start",strategy:r="absolute",modal:l=!0,offset:a=4,hoverOptions:i,focusOptions:c,clickOptions:u,roleOptions:d,dismissOptions:p})=>{const[f,g]=s.useState(e),m=e??f,h=n??g,b=t.useFloating({open:m,onOpenChange:h,placement:o,strategy:r,middleware:[t.offset(a),t.flip({padding:5,fallbackPlacements:["bottom","top"]}),t.shift({padding:12})],whileElementsMounted:t.autoUpdate}),j=b.context,x=t.useClick(j,{enabled:!1,...u}),O=t.useHover(j,{enabled:!1,...i}),v=t.useFocus(j,{enabled:!1,...c}),y=t.useDismiss(j,p),k=t.useRole(j,d),C=t.useInteractions([x,y,v,O,k]);return s.useMemo((()=>({open:m,onOpenChange:h,modal:l,...C,...b})),[m,h,l,C,b])})({...o});return e.jsx(l.Provider,{value:r,children:n})},c=s.forwardRef((function({children:n,asChild:o=!1,...r},l){const{refs:i,getReferenceProps:c,open:u,onOpenChange:d}=a(),p=n.ref,f=t.useMergeRefs([i.setReference,l,p]);return o&&s.isValidElement(n)?s.cloneElement(n,c({ref:f,...r,...n.props})):e.jsx("button",{ref:f,onClick:()=>null==d?void 0:d(!u),"aria-expanded":u,...c(r),children:n})})),u=s.forwardRef((function({style:o,className:s,padding:l,...i},c){const{context:u,modal:d,refs:p,open:f,floatingStyles:g,getFloatingProps:m}=a(),h=t.useMergeRefs([p.setFloating,c]),{theme:b,density:j}=r.getThemeAndDensity(p.reference.current);return f?e.jsx(t.FloatingPortal,{children:e.jsx(t.FloatingFocusManager,{context:u,modal:d,children:e.jsx("div",{"data-theme":b,"data-layout-density":j,className:n.clsx("jkl jkl-popover",s),ref:h,style:{...o,...g,"--popover-padding":`var(--jkl-spacing-${l})`},...m(i),children:i.children})})}):null}));i.Trigger=c,i.Content=u,module.exports=i;
2
+ //# sourceMappingURL=Popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n useFloating,\n useFocus,\n useHover,\n useClick,\n useDismiss,\n autoUpdate,\n useRole,\n useMergeRefs,\n offset,\n flip,\n shift,\n useInteractions,\n FloatingPortal,\n FloatingFocusManager,\n UseFloatingOptions,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"./utils\";\n\ntype ClickOptions = Parameters<typeof useClick>[1];\ntype DismissOptions = Parameters<typeof useDismiss>[1];\ntype FocusOptions = Parameters<typeof useFocus>[1];\ntype HoverOptions = Parameters<typeof useHover>[1];\ntype RoleOptions = Parameters<typeof useRole>[1];\n\ninterface PopoverOptions {\n /**\n * Angir om popoveren er åpen eller lukket.\n * @see https://floating-ui.com/docs/useFloating#open\n */\n open?: boolean;\n /**\n * Callback som trigges når popoveren åpnes eller lukkes.\n * @see https://floating-ui.com/docs/useFloating#onOpenChange\n */\n onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n /**\n * Bestemmer plasseringen av popoveren.\n * @default \"bottom-start\"\n * @see https://floating-ui.com/docs/useFloating#placement\n */\n placement?: UseFloatingOptions[\"placement\"];\n /**\n * Definerer strategien for posisjonering av popoveren.\n * @default \"absolute\"\n * @see https://floating-ui.com/docs/useFloating#strategy\n */\n strategy?: UseFloatingOptions[\"strategy\"];\n /**\n * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n * og innhold utenfor ikke kan interageres med.\n * @default true\n * @see https://floating-ui.com/docs/useFloating#modal\n */\n modal?: boolean;\n /**\n * Offset til det flytende elementet.\n * @see https://floating-ui.com/docs/offset\n * @default 4\n * */\n /**\n * Justerer avstanden mellom referanse-elementet og popoveren.\n * @see https://floating-ui.com/docs/offset\n * @default 4\n */\n offset?: number;\n /**\n * Options for hover-interaksjoner.\n * @see https://floating-ui.com/docs/useHover\n * @default { enabled: false }\n */\n hoverOptions?: HoverOptions;\n /**\n * Options for fokus-interaksjoner.\n * @see https://floating-ui.com/docs/useFocus\n * @default { enabled: false }\n */\n focusOptions?: FocusOptions;\n /**\n * Options for klikk-interaksjoner.\n * @see https://floating-ui.com/docs/useClick\n * @default { enabled: false }\n */\n clickOptions?: ClickOptions;\n /**\n * Konfigurerer rollen for popoveren.\n * @see https://floating-ui.com/docs/useRole\n * @default { enabled: true, role: \"dialog\" }\n */\n roleOptions?: RoleOptions;\n /**\n * Options for å lukke popoveren når en dismissal skjer,\n * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n * @see https://floating-ui.com/docs/useDismiss\n * @default { enabled: true }\n */\n dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n open: _open,\n onOpenChange: _onOpenChange,\n placement = \"bottom-start\",\n strategy = \"absolute\",\n modal = true,\n offset: _offset = 4,\n hoverOptions,\n focusOptions,\n clickOptions,\n roleOptions,\n dismissOptions,\n}: PopoverOptions) => {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n const open = _open ?? uncontrolledOpen;\n const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n const data = useFloating({\n open,\n onOpenChange,\n placement,\n strategy,\n middleware: [\n offset(_offset),\n flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n shift({ padding: 12 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const context = data.context;\n\n const click = useClick(context, {\n enabled: false,\n ...clickOptions,\n });\n const hover = useHover(context, { enabled: false, ...hoverOptions });\n const focus = useFocus(context, { enabled: false, ...focusOptions });\n const dismiss = useDismiss(context, dismissOptions);\n const role = useRole(context, roleOptions);\n\n const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n return React.useMemo(\n () => ({\n open,\n onOpenChange,\n modal,\n ...interactions,\n ...data,\n }),\n [open, onOpenChange, modal, interactions, data],\n );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n const context = React.useContext(PopoverContext);\n\n if (context == null) {\n throw new Error(\"Popover komponenter må brukes innenfor en <Popover /> komponent\");\n }\n\n return context;\n};\n\nconst Popover = ({\n children,\n ...restOptions\n}: {\n children: React.ReactNode;\n} & PopoverOptions) => {\n const popover = usePopover({ ...restOptions });\n return <PopoverContext.Provider value={popover}>{children}</PopoverContext.Provider>;\n};\n\ninterface PopoverTriggerProps {\n children: React.ReactNode;\n /**\n * Rendrer komponenten som child-elementet sitt, og slår\n * sammen egenskaper og props.\n * @example\n * ```tsx\n * <Component asChild foo=\"bar\">\n * <Child baz=\"qux\" />\n * </Component>\n *\n * // Rendrer følgende:\n * <Child foo=\"bar\" baz=\"qux\" />\n * ```\n *\n * @default false\n */\n asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTMLElement> & PopoverTriggerProps>(\n function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n ...props,\n ...children.props,\n }),\n );\n }\n\n return (\n <button ref={ref} onClick={() => onOpenChange?.(!open)} aria-expanded={open} {...getReferenceProps(props)}>\n {children}\n </button>\n );\n },\n);\n\ninterface PopoverContentProps {\n /**\n * Padding rundt innholdet i popoveren.\n * @default 0\n */\n padding?: 0 | 8 | 16 | 24;\n}\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & PopoverContentProps>(\n function PopoverContent({ style, className, padding, ...props }, propRef) {\n const { context, modal, refs, open, floatingStyles, getFloatingProps } = usePopoverContext();\n const ref = useMergeRefs([refs.setFloating, propRef]);\n\n const { theme, density } = getThemeAndDensity(refs.reference.current as HTMLElement);\n\n if (!open) return null;\n\n return (\n <FloatingPortal>\n <FloatingFocusManager context={context} modal={modal}>\n <div\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\"jkl jkl-popover\", className)}\n ref={ref}\n style={\n {\n ...style,\n ...floatingStyles,\n \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n } as React.CSSProperties\n }\n {...getFloatingProps(props)}\n >\n {props.children}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n },\n);\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","refs","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","floatingStyles","getFloatingProps","setFloating","theme","density","getThemeAndDensity","reference","current","FloatingPortal","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"0bA+JMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChB,MAAAC,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGb,OAAAF,GAGLG,EAAU,EACZC,SAAAA,KACGC,MAIH,MAAMC,EA5ES,GACfC,KAAMC,EACNC,aAAcC,EACdC,UAAAA,EAAY,eACZC,SAAAA,EAAW,WACXC,MAAAA,GAAQ,EACRC,OAAQC,EAAU,EAClBC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,YAAAA,EACAC,eAAAA,MAEA,MAAOC,EAAkBC,GAAuBzB,EAAM0B,SAASf,GAEzDD,EAAOC,GAASa,EAChBZ,EAAeC,GAAiBY,EAEhCE,EAAOC,EAAAA,YAAY,CACrBlB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAc,WAAY,CACRZ,EAAAA,OAAOC,GACPY,EAAAA,KAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,QAAM,CAAEF,QAAS,MAErBG,qBAAsBC,EAAAA,aAGpBhC,EAAUwB,EAAKxB,QAEfiC,EAAQC,WAASlC,EAAS,CAC5BmC,SAAS,KACNjB,IAEDkB,EAAQC,WAASrC,EAAS,CAAEmC,SAAS,KAAUnB,IAC/CsB,EAAQC,WAASvC,EAAS,CAAEmC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAAA,WAAWzC,EAASoB,GAC9BsB,EAAOC,EAAAA,QAAQ3C,EAASmB,GAExByB,EAAeC,kBAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE,OAAO7C,EAAMiD,SACT,KAAO,CACHvC,KAAAA,EACAE,aAAAA,EACAI,MAAAA,KACG+B,KACApB,KAEP,CAACjB,EAAME,EAAcI,EAAO+B,EAAcpB,GAAI,EAwBlCuB,CAAW,IAAK1C,IAChC,aAAQT,EAAeoD,SAAf,CAAwBC,MAAO3C,EAAUF,SAAAA,GAAS,EAuBxD8C,EAAiBrD,EAAMsD,YACzB,UAA0B/C,SAAAA,EAAUgD,QAAAA,GAAU,KAAUC,GAASC,GAC7D,MAAQC,KAAAA,EAAMC,kBAAAA,EAAmBjD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD0D,EAAerD,EAAiBsD,IAChCA,EAAMC,EAAAA,aAAa,CAACJ,EAAKK,aAAcN,EAASG,IAEtD,OAAIL,GAAWvD,EAAMgE,eAAezD,GACzBP,EAAMiE,aACT1D,EACAoD,EAAkB,CACdE,IAAAA,KACGL,KACAjD,EAASiD,SAMnBU,EAAAA,IAAA,SAAA,CAAOL,IAAAA,EAAUM,QAAS,IAAM,MAAAvD,OAAAA,EAAAA,GAAgBF,GAAO,gBAAeA,KAAUiD,EAAkBH,GAC9FjD,SAAAA,GAGb,IAWE6D,EAAiBpE,EAAMsD,YACzB,UAA0Be,MAAAA,EAAOC,UAAAA,EAAWvC,QAAAA,KAAYyB,GAASC,GACvD,MAAEtD,QAAAA,EAASa,MAAAA,EAAO0C,KAAAA,EAAMhD,KAAAA,EAAM6D,eAAAA,EAAgBC,iBAAAA,GAAqBtE,IACnE2D,EAAMC,EAAAA,aAAa,CAACJ,EAAKe,YAAahB,KAEpCiB,MAAAA,EAAOC,QAAAA,GAAYC,EAAmBA,mBAAAlB,EAAKmB,UAAUC,SAEzD,OAACpE,EAGAwD,EAAAA,IAAAa,iBAAA,CACGxE,SAAC2D,EAAAA,IAAAc,EAAAA,qBAAA,CAAqB7E,QAAAA,EAAkBa,MAAAA,EACpCT,SAAA2D,EAAAA,IAAC,MAAA,CACG,aAAYQ,EACZ,sBAAqBC,EACrBL,UAAWW,EAAAA,KAAK,kBAAmBX,GACnCT,IAAAA,EACAQ,MACI,IACOA,KACAE,EACH,oBAAqB,qBAAqBxC,SAG9CyC,EAAiBhB,GAEpBjD,SAAMiD,EAAAjD,eAnBL,IAwBtB,IAGJD,EAAQ4E,QAAU7B,EAClB/C,EAAQ6E,QAAUf"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover.js");exports.Popover=e;
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getThemeAndDensity=e=>{if(!e)return{};const t=getComputedStyle(e);return{theme:parseInt(t.getPropertyValue("--jkl-background-color").replace("#",""),16)<8388607.5?"dark":"light",density:'"compact"'===t.getPropertyValue("--jkl-density")?"compact":"comfortable"}};
2
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sources":["../../../../src/components/popover/utils.ts"],"sourcesContent":["export const getThemeAndDensity = (element: HTMLElement | null): { theme?: string; density?: string } => {\n if (!element) return {};\n\n const computedStyles = getComputedStyle(element);\n\n const theme =\n parseInt(computedStyles.getPropertyValue(\"--jkl-background-color\").replace(\"#\", \"\"), 16) < 0xffffff / 2\n ? \"dark\"\n : \"light\";\n\n const density = computedStyles.getPropertyValue(\"--jkl-density\") === '\"compact\"' ? \"compact\" : \"comfortable\";\n\n return { theme, density };\n};\n"],"names":["element","computedStyles","getComputedStyle","theme","parseInt","getPropertyValue","replace","density"],"mappings":"2GAAmCA,IAC3B,IAACA,EAAS,MAAO,GAEf,MAAAC,EAAiBC,iBAAiBF,GASjC,MAAA,CAAEG,MANLC,SAASH,EAAeI,iBAAiB,0BAA0BC,QAAQ,IAAK,IAAK,IAAM,UACrF,OACA,QAIMC,QAFqD,cAArDN,EAAeI,iBAAiB,iBAAmC,UAAY"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-DSmX3GZo.cjs");require("../tag/Tag.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),exports.NativeSelect=e.NativeSelect;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../popover/Popover.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-BxgwmRDc.cjs");require("../tag/Tag.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),exports.NativeSelect=e.NativeSelect;
2
2
  //# sourceMappingURL=NativeSelect.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/usePreviousValue/usePreviousValue.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../../hooks/useListNavigation/useListNavigation.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-DSmX3GZo.cjs");require("../tag/Tag.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),require("./select-utils.js"),exports.Select=e.Select;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/usePreviousValue/usePreviousValue.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../../hooks/useListNavigation/useListNavigation.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../popover/Popover.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-BxgwmRDc.cjs");require("../tag/Tag.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),require("./select-utils.js"),exports.Select=e.Select;
2
2
  //# sourceMappingURL=Select.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../NativeSelect-DSmX3GZo.cjs");exports.NativeSelect=e.NativeSelect,exports.Select=e.Select;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../NativeSelect-BxgwmRDc.cjs");exports.NativeSelect=e.NativeSelect,exports.Select=e.Select;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("../../../clsx-E3yX_9sL.cjs"),s=require("framer-motion"),i=require("react");require("../../hooks/useScreen/useScreen.js");const o=require("../../hooks/useId/useId.js"),n=require("./Tooltip.js");function a(e,t=8){switch(!0){case e.startsWith("top"):return{top:t};case e.startsWith("left"):return{left:t,right:-t};case e.startsWith("bottom"):return{top:-t};case e.startsWith("right"):return{left:-t,right:t};default:return{top:t}}}const l=i.forwardRef((function({className:i,children:l,...c},u){const{triggerOn:p,arrowElement:d,isOpen:f,getFloatingProps:h,placement:g,isPositioned:m,middlewareData:{arrow:j},floatingStyles:x,refs:y}=n.useTooltipContext(),k=t.useMergeRefs([u,y.setFloating]),q=o.useId("jkl-tooltip-content");let v;if(y.reference.current){const e=getComputedStyle(y.reference.current).getPropertyValue("--jkl-background-color");v=parseInt(e.replace("#",""),16)<8388607.5?"dark":"light"}return e.jsx(t.FloatingPortal,{children:e.jsxs(s.AnimatePresence,{children:["hover"===p&&e.jsx("span",{ref:y.setDescription,hidden:!0,children:l},`${q}-trigger`),f&&e.jsx("span",{className:"jkl",children:e.jsxs(s.motion.span,{ref:k,initial:{opacity:0,...a(g,5)},animate:{opacity:1,...a(g,0)},exit:{opacity:0,...a(g,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":g,"aria-live":"click"===p?"assertive":void 0,className:r.clsx("jkl-tooltip-content",i),...h({...c,id:q}),style:{...x},"data-theme":v,children:[l,e.jsx("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:d,style:{left:m?`${null==j?void 0:j.x}px`:"",top:m?`${null==j?void 0:j.y}px`:""}})]},q)},`${q}-wrapper`)]})})}));exports.TooltipContent=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("../../../clsx-E3yX_9sL.cjs"),i=require("framer-motion"),s=require("react");require("../../hooks/useScreen/useScreen.js");const n=require("../../hooks/useId/useId.js"),o=require("./Tooltip.js");function a(e,t=8){switch(!0){case e.startsWith("top"):return{top:t};case e.startsWith("left"):return{left:t,right:-t};case e.startsWith("bottom"):return{top:-t};case e.startsWith("right"):return{left:-t,right:t};default:return{top:t}}}const l=s.forwardRef((function({className:s,children:l,...c},u){const{triggerOn:p,arrowElement:d,isOpen:f,getFloatingProps:h,placement:g,isPositioned:m,middlewareData:{arrow:j},floatingStyles:x,refs:y}=o.useTooltipContext(),k=t.useMergeRefs([u,y.setFloating]),q=n.useId("jkl-tooltip-content");let v;if(y.reference.current){const e=getComputedStyle(y.reference.current).getPropertyValue("--jkl-background-color");v=parseInt(e.replace("#",""),16)<8388607.5?"dark":"light"}return e.jsx(t.FloatingPortal,{children:e.jsx(i.LazyMotion,{features:i.domAnimation,children:e.jsxs(i.AnimatePresence,{children:["hover"===p&&e.jsx("span",{ref:y.setDescription,hidden:!0,children:l},`${q}-trigger`),f&&e.jsx("span",{className:"jkl",children:e.jsxs(i.m.span,{ref:k,initial:{opacity:0,...a(g,5)},animate:{opacity:1,...a(g,0)},exit:{opacity:0,...a(g,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":g,"aria-live":"click"===p?"assertive":void 0,className:r.clsx("jkl-tooltip-content",s),...h({...c,id:q}),style:{...x},"data-theme":v,children:[l,e.jsx("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:d,style:{left:m?`${null==j?void 0:j.x}px`:"",top:m?`${null==j?void 0:j.y}px`:""}})]},q)},`${q}-wrapper`)]})})})}));exports.TooltipContent=l;
2
2
  //# sourceMappingURL=TooltipContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n switch (true) {\n case placement.startsWith(\"top\"):\n return {\n top: value,\n };\n case placement.startsWith(\"left\"):\n return {\n left: value,\n right: -value,\n };\n case placement.startsWith(\"bottom\"):\n return {\n top: -value,\n };\n case placement.startsWith(\"right\"):\n return {\n left: -value,\n right: value,\n };\n\n default:\n return {\n top: value,\n };\n }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n { className, children, ...props },\n forwardedRef,\n) {\n const {\n triggerOn,\n arrowElement,\n isOpen,\n getFloatingProps,\n placement,\n isPositioned,\n middlewareData: { arrow },\n floatingStyles,\n refs,\n } = useTooltipContext();\n const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n const contentId = useId(\"jkl-tooltip-content\");\n\n // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n let theme: string | undefined;\n if (refs.reference.current) {\n const backgroundColor = getComputedStyle(refs.reference.current as HTMLElement).getPropertyValue(\n \"--jkl-background-color\",\n );\n // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n theme = parseInt(backgroundColor.replace(\"#\", \"\"), 16) < 0xffffff / 2 ? \"dark\" : \"light\";\n }\n\n return (\n <FloatingPortal>\n <AnimatePresence>\n {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n {triggerOn === \"hover\" && (\n <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n {children}\n </span>\n )}\n {isOpen && (\n <span className=\"jkl\" key={`${contentId}-wrapper`}>\n <motion.span\n key={contentId}\n ref={ref}\n initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n exit={{\n opacity: 0,\n ...getPositionAnimation(placement, -5),\n transition: { ease: \"easeIn\", duration: 0.15 },\n }}\n transition={{ ease: \"easeOut\", duration: 0.25 }}\n data-placement={placement}\n aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n className={clsx(\"jkl-tooltip-content\", className)}\n {...getFloatingProps({ ...props, id: contentId })}\n style={{ ...floatingStyles }}\n data-theme={theme}\n >\n {children}\n <span\n aria-hidden\n className=\"jkl-tooltip-content__arrow\"\n ref={arrowElement}\n style={{\n left: isPositioned ? `${arrow?.x}px` : \"\",\n top: isPositioned ? `${arrow?.y}px` : \"\",\n }}\n />\n </motion.span>\n </span>\n )}\n </AnimatePresence>\n </FloatingPortal>\n );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","theme","reference","current","backgroundColor","getComputedStyle","getPropertyValue","parseInt","replace","jsx","FloatingPortal","jsxs","AnimatePresence","setDescription","hidden","motion","span","initial","opacity","animate","exit","transition","ease","duration","clsx","id","style","x","y"],"mappings":"iWAOA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,EAAAA,YAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,EAAkBA,oBAChBC,EAAMC,EAAAA,aAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,QAAM,uBAIpB,IAAAC,EACA,GAAAP,EAAKQ,UAAUC,QAAS,CACxB,MAAMC,EAAkBC,iBAAiBX,EAAKQ,UAAUC,SAAwBG,iBAC5E,0BAIIL,EAAAM,SAASH,EAAgBI,QAAQ,IAAK,IAAK,IAAM,UAAe,OAAS,OACrF,CAGI,OAAAC,EAAAA,IAACC,EAAAA,eACG,CAAA3B,SAAA4B,EAAAA,KAACC,EAAAA,gBAGI,CAAA7B,SAAA,CAAc,UAAAG,GACVuB,EAAAA,IAAA,OAAA,CAAKb,IAAKF,EAAKmB,eAAgBC,QAAM,EACjC/B,SAAAA,GADuC,GAAGgB,aAIlDX,GACGqB,EAAAA,IAAC,OAAK,CAAA3B,UAAU,MACZC,SAAA4B,EAAAA,KAACI,EAAAA,OAAOC,KAAP,CAEGpB,IAAAA,EACAqB,QAAS,CAAEC,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D6C,QAAS,CAAED,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D8C,KAAM,CACFF,QAAS,KACN7C,EAAqBC,GAAa,GACrC+C,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBjD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW0C,EAAAA,KAAK,sBAAuB1C,MACnCO,EAAiB,IAAKL,EAAOyC,GAAI1B,IACrC2B,MAAO,IAAKjC,GACZ,aAAYQ,EAEXlB,SAAA,CAAAA,EACD0B,EAAAA,IAAC,OAAA,CACG,eAAW,EACX3B,UAAU,6BACVc,IAAKT,EACLuC,MAAO,CACHhD,KAAMY,EAAe,GAAG,MAAAE,SAAAA,EAAOmC,MAAQ,GACvClD,IAAKa,EAAe,GAAG,MAAAE,SAAAA,EAAOoC,MAAQ,QAxBzC7B,IAFc,GAAGA,iBAmClD"}
1
+ {"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, LazyMotion, domAnimation, m } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n switch (true) {\n case placement.startsWith(\"top\"):\n return {\n top: value,\n };\n case placement.startsWith(\"left\"):\n return {\n left: value,\n right: -value,\n };\n case placement.startsWith(\"bottom\"):\n return {\n top: -value,\n };\n case placement.startsWith(\"right\"):\n return {\n left: -value,\n right: value,\n };\n\n default:\n return {\n top: value,\n };\n }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n { className, children, ...props },\n forwardedRef,\n) {\n const {\n triggerOn,\n arrowElement,\n isOpen,\n getFloatingProps,\n placement,\n isPositioned,\n middlewareData: { arrow },\n floatingStyles,\n refs,\n } = useTooltipContext();\n const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n const contentId = useId(\"jkl-tooltip-content\");\n\n // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n let theme: string | undefined;\n if (refs.reference.current) {\n const backgroundColor = getComputedStyle(refs.reference.current as HTMLElement).getPropertyValue(\n \"--jkl-background-color\",\n );\n // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n theme = parseInt(backgroundColor.replace(\"#\", \"\"), 16) < 0xffffff / 2 ? \"dark\" : \"light\";\n }\n\n return (\n <FloatingPortal>\n <LazyMotion features={domAnimation}>\n <AnimatePresence>\n {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n {triggerOn === \"hover\" && (\n <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n {children}\n </span>\n )}\n {isOpen && (\n <span className=\"jkl\" key={`${contentId}-wrapper`}>\n <m.span\n key={contentId}\n ref={ref}\n initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n exit={{\n opacity: 0,\n ...getPositionAnimation(placement, -5),\n transition: { ease: \"easeIn\", duration: 0.15 },\n }}\n transition={{ ease: \"easeOut\", duration: 0.25 }}\n data-placement={placement}\n aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n className={clsx(\"jkl-tooltip-content\", className)}\n {...getFloatingProps({ ...props, id: contentId })}\n style={{ ...floatingStyles }}\n data-theme={theme}\n >\n {children}\n <span\n aria-hidden\n className=\"jkl-tooltip-content__arrow\"\n ref={arrowElement}\n style={{\n left: isPositioned ? `${arrow?.x}px` : \"\",\n top: isPositioned ? `${arrow?.y}px` : \"\",\n }}\n />\n </m.span>\n </span>\n )}\n </AnimatePresence>\n </LazyMotion>\n </FloatingPortal>\n );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","theme","reference","current","backgroundColor","getComputedStyle","getPropertyValue","parseInt","replace","FloatingPortal","jsx","LazyMotion","features","domAnimation","AnimatePresence","setDescription","hidden","jsxs","m","span","initial","opacity","animate","exit","transition","ease","duration","clsx","id","style","x","y"],"mappings":"iWAOA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,EAAAA,YAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,EAAkBA,oBAChBC,EAAMC,EAAAA,aAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,QAAM,uBAIpB,IAAAC,EACA,GAAAP,EAAKQ,UAAUC,QAAS,CACxB,MAAMC,EAAkBC,iBAAiBX,EAAKQ,UAAUC,SAAwBG,iBAC5E,0BAIIL,EAAAM,SAASH,EAAgBI,QAAQ,IAAK,IAAK,IAAM,UAAe,OAAS,OACrF,CAEA,aACKC,EACGA,eAAA,CAAA1B,SAAA2B,EAAAA,IAACC,cAAWC,SAAUC,EAAAA,aAClB9B,gBAAC+B,EAGIA,gBAAA,CAAA/B,SAAA,CAAc,UAAAG,GACVwB,EAAAA,IAAA,OAAA,CAAKd,IAAKF,EAAKqB,eAAgBC,QAAM,EACjCjC,SAAAA,GADuC,GAAGgB,aAIlDX,GACGsB,EAAAA,IAAC,OAAK,CAAA5B,UAAU,MACZC,SAAAkC,EAAAA,KAACC,EAAAA,EAAEC,KAAF,CAEGvB,IAAAA,EACAwB,QAAS,CAAEC,QAAS,KAAMhD,EAAqBC,EAAW,IAC1DgD,QAAS,CAAED,QAAS,KAAMhD,EAAqBC,EAAW,IAC1DiD,KAAM,CACFF,QAAS,KACNhD,EAAqBC,GAAW,GACnCkD,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBpD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW6C,EAAAA,KAAK,sBAAuB7C,MACnCO,EAAiB,IAAKL,EAAO4C,GAAI7B,IACrC8B,MAAO,IAAKpC,GACZ,aAAYQ,EAEXlB,SAAA,CAAAA,EACD2B,EAAAA,IAAC,OAAA,CACG,eAAW,EACX5B,UAAU,6BACVc,IAAKT,EACL0C,MAAO,CACHnD,KAAMY,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOsC,MAAQ,GACvCrD,IAAKa,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOuC,MAAQ,QAxBzChC,IAFc,GAAGA,mBAoCtD"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/AccordionItem.js"),o=require("./components/accordion/Accordion.js"),r=require("./components/breadcrumb/Breadcrumb.js"),t=require("./components/breadcrumb/BreadcrumbItem.js"),s=require("./components/button/Button.js"),n=require("./components/card/Card.js"),i=require("./components/card/CardImage.js"),u=require("./components/card/NavCard.js"),c=require("./components/card/TaskCard.js"),a=require("./components/card/InfoCard.js"),p=require("./components/checkbox/Checkbox.js"),m=require("./components/combobox/Combobox.js"),l=require("./components/cookie-consent/CookieConsent.js"),x=require("./components/cookie-consent/CookieConsentContext.js"),d=require("./components/datepicker/validation.js"),I=require("./components/datepicker/utils.js"),j=require("./components/datepicker/DatePicker.js"),q=require("./components/icon/Icon.js"),k=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),g=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),h=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),C=require("./components/icon/icons/ArrowDownIcon.js"),S=require("./components/icon/icons/ArrowLeftIcon.js"),A=require("./components/icon/icons/ArrowNorthEastIcon.js"),T=require("./components/icon/icons/ArrowRightIcon.js"),b=require("./components/icon/icons/ArrowUpIcon.js"),f=require("./components/icon/icons/CalendarIcon.js"),L=require("./components/icon/icons/CheckIcon.js"),B=require("./components/icon/icons/ChevronDownIcon.js"),R=require("./components/icon/icons/ChevronLeftIcon.js"),M=require("./components/icon/icons/ChevronRightIcon.js"),v=require("./components/icon/icons/ChevronUpIcon.js"),E=require("./components/icon/icons/CloseIcon.js"),w=require("./components/icon/icons/CopyIcon.js"),O=require("./components/icon/icons/DotsIcon.js"),N=require("./components/icon/icons/DragIcon.js"),P=require("./components/icon/icons/ErrorIcon.js"),G=require("./components/icon/icons/GreenCheckIcon.js"),D=require("./components/icon/icons/HamburgerIcon.js"),y=require("./components/icon/icons/InfoIcon.js"),U=require("./components/icon/icons/LinkIcon.js"),H=require("./components/icon/icons/PlusIcon.js"),W=require("./components/icon/icons/QuestionIcon.js"),F=require("./components/icon/icons/RedCrossIcon.js"),K=require("./components/icon/icons/SearchIcon.js"),V=require("./components/icon/icons/SuccessIcon.js"),X=require("./components/icon/icons/WarningIcon.js"),_=require("./components/icon/icons/MinusIcon.js"),z=require("./components/icon/icons/ThumbDownIcon.js"),Q=require("./components/icon/icons/ThumbUpIcon.js"),J=require("./components/icon/icons/TrashCanIcon.js"),Y=require("./components/icon/icons/PenIcon.js"),Z=require("./components/icon-button/IconButton.js"),$=require("./components/image/Image.js"),ee=require("./components/input-group/FieldGroup.js"),oe=require("./components/input-group/InputGroup.js"),re=require("./components/input-group/Label.js"),te=require("./components/input-group/SupportLabel.js"),se=require("./components/link/Link.js"),ne=require("./components/link/NavLink.js"),ie=require("./components/link-list/LinkList.js"),ue=require("./components/list/List.js"),ce=require("./components/list/ListItem.js"),ae=require("./components/loader/Loader.js"),pe=require("./components/loader/skeletons/SkeletonAnimation.js"),me=require("./components/loader/skeletons/SkeletonButton.js"),le=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),xe=require("./components/loader/skeletons/SkeletonElement.js"),de=require("./components/loader/skeletons/SkeletonInput.js"),Ie=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),je=require("./components/loader/skeletons/SkeletonTable.js"),qe=require("./components/loader/skeletons/SkeletonTextArea.js"),ke=require("./components/modal/Modal.js"),ge=require("./components/modal/useModal.js"),he=require("./components/radio-button/RadioButton.js"),Ce=require("./components/radio-button/RadioButtonGroup.js"),Se=require("./components/radio-button/BaseRadioButton.js"),Ae=require("../NativeSelect-DSmX3GZo.cjs"),Te=require("./components/tag/Tag.js"),be=require("./components/text-input/BaseTextArea.js"),fe=require("./components/text-input/BaseTextInput.js"),Le=require("./components/text-input/TextArea.js"),Be=require("./components/text-input/TextInput.js"),Re=require("./components/tooltip/Tooltip.js"),Me=require("./components/tooltip/TooltipContent.js"),ve=require("./components/tooltip/TooltipTrigger.js"),Ee=require("./components/tooltip/PopupTip.js"),we=require("./components/ScreenReaderOnly.js"),Oe=require("./core/tokens.js"),Ne=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),Pe=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),Ge=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),De=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),ye=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),Ue=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),He=require("./hooks/useLocalStorage/useLocalStorage.js"),We=require("./hooks/useMutationObserver/useMutationObserver.js"),Fe=require("./hooks/usePreviousValue/usePreviousValue.js"),Ke=require("./hooks/useProgressiveImg/useProgressiveImg.js"),Ve=require("./hooks/useScreen/useScreen.js"),Xe=require("./hooks/useScrollIntoView/useScrollIntoView.js"),_e=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),ze=require("./hooks/useClickOutside/useClickOutside.js"),Qe=require("./hooks/useFocusOutside/useFocusOutside.js"),Je=require("./hooks/useElementDimensions/useElementDimensions.js"),Ye=require("./hooks/useId/useId.js"),Ze=require("./hooks/useKeyListener/useKeyListener.js"),$e=require("./hooks/useListNavigation/useListNavigation.js"),eo=require("./hooks/useSwipeGesture/useSwipeGesture.js"),oo=require("../index-hKyqa1PH.cjs"),ro=require("./utilities/formatters/util/formatNumber.js"),to=require("./utilities/formatters/util/parseNumber.js"),so=require("./utilities/formatters/util/registerWithMask.js"),no=require("./utilities/formatters/avstand/formatAvstand.js"),io=require("./utilities/formatters/bytes/formatBytes.js"),uo=require("./utilities/formatters/date/formatDate.js"),co=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),ao=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),po=require("./utilities/formatters/kontonummer/formatKontonummer.js"),mo=require("./utilities/formatters/kortnummer/formatKortnummer.js"),lo=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),xo=require("./utilities/formatters/valuta/formatValuta.js"),Io=require("./utilities/polymorphism/mergeProps.js"),jo=require("./utilities/polymorphism/mergeRefs.js"),qo=require("./utilities/polymorphism/SlotComponent.js"),ko=require("./utilities/tabListener.js"),go=require("./utilities/valuePair.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=s.Button,exports.PrimaryButton=s.PrimaryButton,exports.SecondaryButton=s.SecondaryButton,exports.TertiaryButton=s.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=u.InfoBlock,exports.NavCard=u.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=a.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=I.dayMonthYearRegex,exports.formatInput=I.formatInput,exports.isBlurTargetOutside=I.isBlurTargetOutside,exports.parseDateString=I.parseDateString,exports.DatePicker=j.DatePicker,exports.Icon=q.Icon,exports.ArrowVerticalAnimated=k.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=g.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=h.PlusRemoveAnimated,exports.ArrowDownIcon=C.ArrowDownIcon,exports.ArrowLeftIcon=S.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=T.ArrowRightIcon,exports.ArrowUpIcon=b.ArrowUpIcon,exports.CalendarIcon=f.CalendarIcon,exports.CheckIcon=L.CheckIcon,exports.ChevronDownIcon=B.ChevronDownIcon,exports.ChevronLeftIcon=R.ChevronLeftIcon,exports.ChevronRightIcon=M.ChevronRightIcon,exports.ChevronUpIcon=v.ChevronUpIcon,exports.CloseIcon=E.CloseIcon,exports.CopyIcon=w.CopyIcon,exports.DotsIcon=O.DotsIcon,exports.DragIcon=N.DragIcon,exports.ErrorIcon=P.ErrorIcon,exports.GreenCheckIcon=G.GreenCheckIcon,exports.HamburgerIcon=D.HamburgerIcon,exports.InfoIcon=y.InfoIcon,exports.LinkIcon=U.LinkIcon,exports.PlusIcon=H.PlusIcon,exports.QuestionIcon=W.QuestionIcon,exports.RedCrossIcon=F.RedCrossIcon,exports.SearchIcon=K.SearchIcon,exports.SuccessIcon=V.SuccessIcon,exports.WarningIcon=X.WarningIcon,exports.MinusIcon=_.MinusIcon,exports.ThumbDownIcon=z.ThumbDownIcon,exports.ThumbUpIcon=Q.ThumbUpIcon,exports.TrashCanIcon=J.TrashCanIcon,exports.PenIcon=Y.PenIcon,exports.IconButton=Z.IconButton,exports.Image=$.Image,exports.FieldGroup=ee.FieldGroup,exports.InputGroup=oe.InputGroup,exports.Label=re.Label,exports.SupportLabel=te.SupportLabel,exports.Link=se.Link,exports.NavLink=ne.NavLink,exports.LinkList=ie.LinkList,exports.List=ue.List,exports.OrderedList=ue.OrderedList,exports.UnorderedList=ue.UnorderedList,exports.CheckListItem=ce.CheckListItem,exports.CrossListItem=ce.CrossListItem,exports.ListItem=ce.ListItem,exports.Loader=ae.Loader,exports.SkeletonAnimation=pe.SkeletonAnimation,exports.SkeletonButton=me.SkeletonButton,exports.SkeletonCheckboxGroup=le.SkeletonCheckboxGroup,exports.SkeletonElement=xe.SkeletonElement,exports.SkeletonInput=de.SkeletonInput,exports.SkeletonRadioButtonGroup=Ie.SkeletonRadioButtonGroup,exports.SkeletonTable=je.SkeletonTable,exports.SkeletonTableHeader=je.SkeletonTableHeader,exports.SkeletonTableRow=je.SkeletonTableRow,exports.SkeletonTextArea=qe.SkeletonTextArea,exports.Modal=ke.Modal,exports.ModalActions=ke.ModalActions,exports.ModalBody=ke.ModalBody,exports.ModalCloseButton=ke.ModalCloseButton,exports.ModalContainer=ke.ModalContainer,exports.ModalHeader=ke.ModalHeader,exports.ModalOverlay=ke.ModalOverlay,exports.ModalTitle=ke.ModalTitle,exports.useModal=ge.useModal,exports.RadioButton=he.RadioButton,exports.RadioButtonGroup=Ce.RadioButtonGroup,exports.BaseRadioButton=Se.BaseRadioButton,exports.NativeSelect=Ae.NativeSelect,exports.Select=Ae.Select,exports.ErrorTag=Te.ErrorTag,exports.InfoTag=Te.InfoTag,exports.SuccessTag=Te.SuccessTag,exports.Tag=Te.Tag,exports.WarningTag=Te.WarningTag,exports.BaseTextArea=be.BaseTextArea,exports.BaseTextInput=fe.BaseTextInput,exports.TextArea=Le.TextArea,exports.TextInput=Be.TextInput,exports.Tooltip=Re.Tooltip,exports.TooltipContent=Me.TooltipContent,exports.TooltipTrigger=ve.TooltipTrigger,exports.PopupTip=Ee.PopupTip,exports.ScreenReaderOnly=we.ScreenReaderOnly,exports.tokens=Oe,exports.useAnimatedDetails=Ne.useAnimatedDetails,exports.useAnimatedHeight=Pe.useAnimatedHeight,exports.useAnimatedHeightBetween=Ge.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=De.useAutoAnimatedHeight,exports.useBrowserPreferences=ye.useBrowserPreferences,exports.useIntersectionObserver=Ue.useIntersectionObserver,exports.useLocalStorage=He.useLocalStorage,exports.useMutationObserver=We.useMutationObserver,exports.usePreviousValue=Fe.usePreviousValue,exports.useProgressiveImg=Ke.useProgressiveImg,exports.useScreen=Ve.useScreen,exports.useScrollIntoView=Xe.useScrollIntoView,exports.useAriaLiveRegion=_e.useAriaLiveRegion,exports.useClickOutside=ze.useClickOutside,exports.useFocusOutside=Qe.useFocusOutside,exports.useElementDimensions=Je.useElementDimensions,exports.useId=Ye.useId,exports.useKeyListener=Ze.useKeyListener,exports.useListNavigation=$e.useListNavigation,exports.useSwipeGesture=eo.useSwipeGesture,exports.unicode=oo.unicode,exports.formatNumber=ro.formatNumber,exports.parseNumber=to.parseNumber,exports.registerWithFodselsnummerMask=so.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=so.registerWithKontonummerMask,exports.registerWithKortnummerMask=so.registerWithKortnummerMask,exports.registerWithMasks=so.registerWithMasks,exports.registerWithTelefonnummerMask=so.registerWithTelefonnummerMask,exports.formatAvstand=no.formatAvstand,exports.formatBytes=io.formatBytes,exports.formatDate=uo.formatDate,exports.FODSELSNUMMER_REGEX=co.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=co.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=ao.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=ao.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=po.KONTONUMMER_REGEX,exports.formatKontonummer=po.formatKontonummer,exports.KORTNUMMER_REGEX=mo.KORTNUMMER_REGEX,exports.formatKortnummer=mo.formatKortnummer,exports.TELEFONNUMMER_REGEX=lo.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=lo.formatTelefonnummer,exports.formatValuta=xo.formatValuta,exports.mergeProps=Io.mergeProps,exports.mergeRefs=jo.mergeRefs,exports.SlotComponent=qo.SlotComponent,exports.initTabListener=ko.initTabListener,exports.getValuePair=go.getValuePair;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/AccordionItem.js"),o=require("./components/accordion/Accordion.js"),r=require("./components/breadcrumb/Breadcrumb.js"),t=require("./components/breadcrumb/BreadcrumbItem.js"),s=require("./components/button/Button.js"),n=require("./components/card/Card.js"),i=require("./components/card/CardImage.js"),u=require("./components/card/NavCard.js"),c=require("./components/card/TaskCard.js"),a=require("./components/card/InfoCard.js"),p=require("./components/checkbox/Checkbox.js"),m=require("./components/combobox/Combobox.js"),l=require("./components/cookie-consent/CookieConsent.js"),x=require("./components/cookie-consent/CookieConsentContext.js"),d=require("./components/datepicker/validation.js"),I=require("./components/datepicker/utils.js"),j=require("./components/datepicker/DatePicker.js"),q=require("./components/icon/Icon.js"),k=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),g=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),h=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),C=require("./components/icon/icons/ArrowDownIcon.js"),S=require("./components/icon/icons/ArrowLeftIcon.js"),A=require("./components/icon/icons/ArrowNorthEastIcon.js"),T=require("./components/icon/icons/ArrowRightIcon.js"),b=require("./components/icon/icons/ArrowUpIcon.js"),f=require("./components/icon/icons/CalendarIcon.js"),L=require("./components/icon/icons/CheckIcon.js"),B=require("./components/icon/icons/ChevronDownIcon.js"),v=require("./components/icon/icons/ChevronLeftIcon.js"),R=require("./components/icon/icons/ChevronRightIcon.js"),M=require("./components/icon/icons/ChevronUpIcon.js"),E=require("./components/icon/icons/CloseIcon.js"),w=require("./components/icon/icons/CopyIcon.js"),O=require("./components/icon/icons/DotsIcon.js"),P=require("./components/icon/icons/DragIcon.js"),N=require("./components/icon/icons/ErrorIcon.js"),G=require("./components/icon/icons/GreenCheckIcon.js"),D=require("./components/icon/icons/HamburgerIcon.js"),y=require("./components/icon/icons/InfoIcon.js"),U=require("./components/icon/icons/LinkIcon.js"),H=require("./components/icon/icons/PlusIcon.js"),W=require("./components/icon/icons/QuestionIcon.js"),F=require("./components/icon/icons/RedCrossIcon.js"),K=require("./components/icon/icons/SearchIcon.js"),V=require("./components/icon/icons/SuccessIcon.js"),X=require("./components/icon/icons/WarningIcon.js"),_=require("./components/icon/icons/MinusIcon.js"),z=require("./components/icon/icons/ThumbDownIcon.js"),Q=require("./components/icon/icons/ThumbUpIcon.js"),J=require("./components/icon/icons/TrashCanIcon.js"),Y=require("./components/icon/icons/PenIcon.js"),Z=require("./components/icon-button/IconButton.js"),$=require("./components/image/Image.js"),ee=require("./components/input-group/FieldGroup.js"),oe=require("./components/input-group/InputGroup.js"),re=require("./components/input-group/Label.js"),te=require("./components/input-group/SupportLabel.js"),se=require("./components/link/Link.js"),ne=require("./components/link/NavLink.js"),ie=require("./components/link-list/LinkList.js"),ue=require("./components/list/List.js"),ce=require("./components/list/ListItem.js"),ae=require("./components/loader/Loader.js"),pe=require("./components/loader/skeletons/SkeletonAnimation.js"),me=require("./components/loader/skeletons/SkeletonButton.js"),le=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),xe=require("./components/loader/skeletons/SkeletonElement.js"),de=require("./components/loader/skeletons/SkeletonInput.js"),Ie=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),je=require("./components/loader/skeletons/SkeletonTable.js"),qe=require("./components/loader/skeletons/SkeletonTextArea.js"),ke=require("./components/modal/Modal.js"),ge=require("./components/modal/useModal.js"),he=require("./components/popover/Popover.js"),Ce=require("./components/radio-button/RadioButton.js"),Se=require("./components/radio-button/RadioButtonGroup.js"),Ae=require("./components/radio-button/BaseRadioButton.js"),Te=require("../NativeSelect-BxgwmRDc.cjs"),be=require("./components/tag/Tag.js"),fe=require("./components/text-input/BaseTextArea.js"),Le=require("./components/text-input/BaseTextInput.js"),Be=require("./components/text-input/TextArea.js"),ve=require("./components/text-input/TextInput.js"),Re=require("./components/tooltip/Tooltip.js"),Me=require("./components/tooltip/TooltipContent.js"),Ee=require("./components/tooltip/TooltipTrigger.js"),we=require("./components/tooltip/PopupTip.js"),Oe=require("./components/ScreenReaderOnly.js"),Pe=require("./core/tokens.js"),Ne=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),Ge=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),De=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),ye=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),Ue=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),He=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),We=require("./hooks/useLocalStorage/useLocalStorage.js"),Fe=require("./hooks/useMutationObserver/useMutationObserver.js"),Ke=require("./hooks/usePreviousValue/usePreviousValue.js"),Ve=require("./hooks/useProgressiveImg/useProgressiveImg.js"),Xe=require("./hooks/useScreen/useScreen.js"),_e=require("./hooks/useScrollIntoView/useScrollIntoView.js"),ze=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),Qe=require("./hooks/useClickOutside/useClickOutside.js"),Je=require("./hooks/useFocusOutside/useFocusOutside.js"),Ye=require("./hooks/useElementDimensions/useElementDimensions.js"),Ze=require("./hooks/useId/useId.js"),$e=require("./hooks/useKeyListener/useKeyListener.js"),eo=require("./hooks/useListNavigation/useListNavigation.js"),oo=require("./hooks/useSwipeGesture/useSwipeGesture.js"),ro=require("../index-hKyqa1PH.cjs"),to=require("./utilities/formatters/util/formatNumber.js"),so=require("./utilities/formatters/util/parseNumber.js"),no=require("./utilities/formatters/util/registerWithMask.js"),io=require("./utilities/formatters/avstand/formatAvstand.js"),uo=require("./utilities/formatters/bytes/formatBytes.js"),co=require("./utilities/formatters/date/formatDate.js"),ao=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),po=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),mo=require("./utilities/formatters/kontonummer/formatKontonummer.js"),lo=require("./utilities/formatters/kortnummer/formatKortnummer.js"),xo=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),Io=require("./utilities/formatters/valuta/formatValuta.js"),jo=require("./utilities/polymorphism/mergeProps.js"),qo=require("./utilities/polymorphism/mergeRefs.js"),ko=require("./utilities/polymorphism/SlotComponent.js"),go=require("./utilities/tabListener.js"),ho=require("./utilities/valuePair.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=s.Button,exports.PrimaryButton=s.PrimaryButton,exports.SecondaryButton=s.SecondaryButton,exports.TertiaryButton=s.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=u.InfoBlock,exports.NavCard=u.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=a.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=I.dayMonthYearRegex,exports.formatInput=I.formatInput,exports.isBlurTargetOutside=I.isBlurTargetOutside,exports.parseDateString=I.parseDateString,exports.DatePicker=j.DatePicker,exports.Icon=q.Icon,exports.ArrowVerticalAnimated=k.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=g.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=h.PlusRemoveAnimated,exports.ArrowDownIcon=C.ArrowDownIcon,exports.ArrowLeftIcon=S.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=T.ArrowRightIcon,exports.ArrowUpIcon=b.ArrowUpIcon,exports.CalendarIcon=f.CalendarIcon,exports.CheckIcon=L.CheckIcon,exports.ChevronDownIcon=B.ChevronDownIcon,exports.ChevronLeftIcon=v.ChevronLeftIcon,exports.ChevronRightIcon=R.ChevronRightIcon,exports.ChevronUpIcon=M.ChevronUpIcon,exports.CloseIcon=E.CloseIcon,exports.CopyIcon=w.CopyIcon,exports.DotsIcon=O.DotsIcon,exports.DragIcon=P.DragIcon,exports.ErrorIcon=N.ErrorIcon,exports.GreenCheckIcon=G.GreenCheckIcon,exports.HamburgerIcon=D.HamburgerIcon,exports.InfoIcon=y.InfoIcon,exports.LinkIcon=U.LinkIcon,exports.PlusIcon=H.PlusIcon,exports.QuestionIcon=W.QuestionIcon,exports.RedCrossIcon=F.RedCrossIcon,exports.SearchIcon=K.SearchIcon,exports.SuccessIcon=V.SuccessIcon,exports.WarningIcon=X.WarningIcon,exports.MinusIcon=_.MinusIcon,exports.ThumbDownIcon=z.ThumbDownIcon,exports.ThumbUpIcon=Q.ThumbUpIcon,exports.TrashCanIcon=J.TrashCanIcon,exports.PenIcon=Y.PenIcon,exports.IconButton=Z.IconButton,exports.Image=$.Image,exports.FieldGroup=ee.FieldGroup,exports.InputGroup=oe.InputGroup,exports.Label=re.Label,exports.SupportLabel=te.SupportLabel,exports.Link=se.Link,exports.NavLink=ne.NavLink,exports.LinkList=ie.LinkList,exports.List=ue.List,exports.OrderedList=ue.OrderedList,exports.UnorderedList=ue.UnorderedList,exports.CheckListItem=ce.CheckListItem,exports.CrossListItem=ce.CrossListItem,exports.ListItem=ce.ListItem,exports.Loader=ae.Loader,exports.SkeletonAnimation=pe.SkeletonAnimation,exports.SkeletonButton=me.SkeletonButton,exports.SkeletonCheckboxGroup=le.SkeletonCheckboxGroup,exports.SkeletonElement=xe.SkeletonElement,exports.SkeletonInput=de.SkeletonInput,exports.SkeletonRadioButtonGroup=Ie.SkeletonRadioButtonGroup,exports.SkeletonTable=je.SkeletonTable,exports.SkeletonTableHeader=je.SkeletonTableHeader,exports.SkeletonTableRow=je.SkeletonTableRow,exports.SkeletonTextArea=qe.SkeletonTextArea,exports.Modal=ke.Modal,exports.ModalActions=ke.ModalActions,exports.ModalBody=ke.ModalBody,exports.ModalCloseButton=ke.ModalCloseButton,exports.ModalContainer=ke.ModalContainer,exports.ModalHeader=ke.ModalHeader,exports.ModalOverlay=ke.ModalOverlay,exports.ModalTitle=ke.ModalTitle,exports.useModal=ge.useModal,exports.Popover=he,exports.RadioButton=Ce.RadioButton,exports.RadioButtonGroup=Se.RadioButtonGroup,exports.BaseRadioButton=Ae.BaseRadioButton,exports.NativeSelect=Te.NativeSelect,exports.Select=Te.Select,exports.ErrorTag=be.ErrorTag,exports.InfoTag=be.InfoTag,exports.SuccessTag=be.SuccessTag,exports.Tag=be.Tag,exports.WarningTag=be.WarningTag,exports.BaseTextArea=fe.BaseTextArea,exports.BaseTextInput=Le.BaseTextInput,exports.TextArea=Be.TextArea,exports.TextInput=ve.TextInput,exports.Tooltip=Re.Tooltip,exports.TooltipContent=Me.TooltipContent,exports.TooltipTrigger=Ee.TooltipTrigger,exports.PopupTip=we.PopupTip,exports.ScreenReaderOnly=Oe.ScreenReaderOnly,exports.tokens=Pe,exports.useAnimatedDetails=Ne.useAnimatedDetails,exports.useAnimatedHeight=Ge.useAnimatedHeight,exports.useAnimatedHeightBetween=De.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=ye.useAutoAnimatedHeight,exports.useBrowserPreferences=Ue.useBrowserPreferences,exports.useIntersectionObserver=He.useIntersectionObserver,exports.useLocalStorage=We.useLocalStorage,exports.useMutationObserver=Fe.useMutationObserver,exports.usePreviousValue=Ke.usePreviousValue,exports.useProgressiveImg=Ve.useProgressiveImg,exports.useScreen=Xe.useScreen,exports.useScrollIntoView=_e.useScrollIntoView,exports.useAriaLiveRegion=ze.useAriaLiveRegion,exports.useClickOutside=Qe.useClickOutside,exports.useFocusOutside=Je.useFocusOutside,exports.useElementDimensions=Ye.useElementDimensions,exports.useId=Ze.useId,exports.useKeyListener=$e.useKeyListener,exports.useListNavigation=eo.useListNavigation,exports.useSwipeGesture=oo.useSwipeGesture,exports.unicode=ro.unicode,exports.formatNumber=to.formatNumber,exports.parseNumber=so.parseNumber,exports.registerWithFodselsnummerMask=no.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=no.registerWithKontonummerMask,exports.registerWithKortnummerMask=no.registerWithKortnummerMask,exports.registerWithMasks=no.registerWithMasks,exports.registerWithTelefonnummerMask=no.registerWithTelefonnummerMask,exports.formatAvstand=io.formatAvstand,exports.formatBytes=uo.formatBytes,exports.formatDate=co.formatDate,exports.FODSELSNUMMER_REGEX=ao.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=ao.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=po.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=po.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=mo.KONTONUMMER_REGEX,exports.formatKontonummer=mo.formatKontonummer,exports.KORTNUMMER_REGEX=lo.KORTNUMMER_REGEX,exports.formatKortnummer=lo.formatKortnummer,exports.TELEFONNUMMER_REGEX=xo.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=xo.formatTelefonnummer,exports.formatValuta=Io.formatValuta,exports.mergeProps=jo.mergeProps,exports.mergeRefs=qo.mergeRefs,exports.SlotComponent=ko.SlotComponent,exports.initTabListener=go.initTabListener,exports.getValuePair=ho.getValuePair;
2
2
  //# sourceMappingURL=index.js.map
@@ -15,6 +15,7 @@ export * from './link-list';
15
15
  export * from './list';
16
16
  export * from './loader';
17
17
  export * from './modal';
18
+ export * from './popover';
18
19
  export * from './radio-button';
19
20
  export * from './select';
20
21
  export * from './tag';
@@ -0,0 +1,114 @@
1
+ import { useFocus, useHover, useClick, useDismiss, useRole, UseFloatingOptions } from '@floating-ui/react';
2
+ import * as React from "react";
3
+ type ClickOptions = Parameters<typeof useClick>[1];
4
+ type DismissOptions = Parameters<typeof useDismiss>[1];
5
+ type FocusOptions = Parameters<typeof useFocus>[1];
6
+ type HoverOptions = Parameters<typeof useHover>[1];
7
+ type RoleOptions = Parameters<typeof useRole>[1];
8
+ interface PopoverOptions {
9
+ /**
10
+ * Angir om popoveren er åpen eller lukket.
11
+ * @see https://floating-ui.com/docs/useFloating#open
12
+ */
13
+ open?: boolean;
14
+ /**
15
+ * Callback som trigges når popoveren åpnes eller lukkes.
16
+ * @see https://floating-ui.com/docs/useFloating#onOpenChange
17
+ */
18
+ onOpenChange?: UseFloatingOptions["onOpenChange"];
19
+ /**
20
+ * Bestemmer plasseringen av popoveren.
21
+ * @default "bottom-start"
22
+ * @see https://floating-ui.com/docs/useFloating#placement
23
+ */
24
+ placement?: UseFloatingOptions["placement"];
25
+ /**
26
+ * Definerer strategien for posisjonering av popoveren.
27
+ * @default "absolute"
28
+ * @see https://floating-ui.com/docs/useFloating#strategy
29
+ */
30
+ strategy?: UseFloatingOptions["strategy"];
31
+ /**
32
+ * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet
33
+ * og innhold utenfor ikke kan interageres med.
34
+ * @default true
35
+ * @see https://floating-ui.com/docs/useFloating#modal
36
+ */
37
+ modal?: boolean;
38
+ /**
39
+ * Offset til det flytende elementet.
40
+ * @see https://floating-ui.com/docs/offset
41
+ * @default 4
42
+ * */
43
+ /**
44
+ * Justerer avstanden mellom referanse-elementet og popoveren.
45
+ * @see https://floating-ui.com/docs/offset
46
+ * @default 4
47
+ */
48
+ offset?: number;
49
+ /**
50
+ * Options for hover-interaksjoner.
51
+ * @see https://floating-ui.com/docs/useHover
52
+ * @default { enabled: false }
53
+ */
54
+ hoverOptions?: HoverOptions;
55
+ /**
56
+ * Options for fokus-interaksjoner.
57
+ * @see https://floating-ui.com/docs/useFocus
58
+ * @default { enabled: false }
59
+ */
60
+ focusOptions?: FocusOptions;
61
+ /**
62
+ * Options for klikk-interaksjoner.
63
+ * @see https://floating-ui.com/docs/useClick
64
+ * @default { enabled: false }
65
+ */
66
+ clickOptions?: ClickOptions;
67
+ /**
68
+ * Konfigurerer rollen for popoveren.
69
+ * @see https://floating-ui.com/docs/useRole
70
+ * @default { enabled: true, role: "dialog" }
71
+ */
72
+ roleOptions?: RoleOptions;
73
+ /**
74
+ * Options for å lukke popoveren når en dismissal skjer,
75
+ * som ved å klikke utenfor eller trykke på "Escape"-tasten.
76
+ * @see https://floating-ui.com/docs/useDismiss
77
+ * @default { enabled: true }
78
+ */
79
+ dismissOptions?: DismissOptions;
80
+ }
81
+ declare const Popover: {
82
+ ({ children, ...restOptions }: {
83
+ children: React.ReactNode;
84
+ } & PopoverOptions): React.JSX.Element;
85
+ Trigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & PopoverTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
86
+ Content: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement> & PopoverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
87
+ };
88
+ interface PopoverTriggerProps {
89
+ children: React.ReactNode;
90
+ /**
91
+ * Rendrer komponenten som child-elementet sitt, og slår
92
+ * sammen egenskaper og props.
93
+ * @example
94
+ * ```tsx
95
+ * <Component asChild foo="bar">
96
+ * <Child baz="qux" />
97
+ * </Component>
98
+ *
99
+ * // Rendrer følgende:
100
+ * <Child foo="bar" baz="qux" />
101
+ * ```
102
+ *
103
+ * @default false
104
+ */
105
+ asChild?: boolean;
106
+ }
107
+ interface PopoverContentProps {
108
+ /**
109
+ * Padding rundt innholdet i popoveren.
110
+ * @default 0
111
+ */
112
+ padding?: 0 | 8 | 16 | 24;
113
+ }
114
+ export default Popover;
@@ -0,0 +1 @@
1
+ export { default as Popover } from './Popover';
@@ -0,0 +1,4 @@
1
+ export declare const getThemeAndDensity: (element: HTMLElement | null) => {
2
+ theme?: string | undefined;
3
+ density?: string | undefined;
4
+ };
@@ -1,2 +1,2 @@
1
- import{AccordionItem as o}from"./accordion/AccordionItem.js";import{Accordion as s}from"./accordion/Accordion.js";import{Breadcrumb as a}from"./breadcrumb/Breadcrumb.js";import{BreadcrumbItem as r}from"./breadcrumb/BreadcrumbItem.js";import{Button as n,PrimaryButton as t,SecondaryButton as e,TertiaryButton as i}from"./button/Button.js";import{Card as c}from"./card/Card.js";import{CardImage as m}from"./card/CardImage.js";import{InfoBlock as p,NavCard as l}from"./card/NavCard.js";import{TaskCard as I}from"./card/TaskCard.js";import{InfoCard as d}from"./card/InfoCard.js";import{Checkbox as u}from"./checkbox/Checkbox.js";import{Combobox as f,getComboboxValuePair as C}from"./combobox/Combobox.js";import{CookieConsent as j}from"./cookie-consent/CookieConsent.js";import{CookieConsentProvider as k,useCookieConsent as T}from"./cookie-consent/CookieConsentContext.js";import{isCorrectFormat as b,isWithinLowerBound as g,isWithinUpperBound as h}from"./datepicker/validation.js";import{dayMonthYearRegex as B,formatInput as A,isBlurTargetOutside as S,parseDateString as L}from"./datepicker/utils.js";import{DatePicker as x}from"./datepicker/DatePicker.js";import{Icon as w}from"./icon/Icon.js";import{ArrowVerticalAnimated as R}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as v}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as M}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as P}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as D}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as y}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as G}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as U}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as N}from"./icon/icons/CalendarIcon.js";import{CheckIcon as E}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as H}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as O}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as W}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as F}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as V}from"./icon/icons/CloseIcon.js";import{CopyIcon as z}from"./icon/icons/CopyIcon.js";import{DotsIcon as Q}from"./icon/icons/DotsIcon.js";import{DragIcon as Y}from"./icon/icons/DragIcon.js";import{ErrorIcon as q}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as J}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as K}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as X}from"./icon/icons/InfoIcon.js";import{LinkIcon as Z}from"./icon/icons/LinkIcon.js";import{PlusIcon as $}from"./icon/icons/PlusIcon.js";import{QuestionIcon as _}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as oo}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as so}from"./icon/icons/SearchIcon.js";import{SuccessIcon as ao}from"./icon/icons/SuccessIcon.js";import{WarningIcon as ro}from"./icon/icons/WarningIcon.js";import{MinusIcon as no}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as to}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as eo}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as io}from"./icon/icons/TrashCanIcon.js";import{PenIcon as co}from"./icon/icons/PenIcon.js";import{IconButton as mo}from"./icon-button/IconButton.js";import{Image as po}from"./image/Image.js";import{FieldGroup as lo}from"./input-group/FieldGroup.js";import{InputGroup as Io}from"./input-group/InputGroup.js";import{Label as uo}from"./input-group/Label.js";import{SupportLabel as fo}from"./input-group/SupportLabel.js";import{Link as Co}from"./link/Link.js";import{NavLink as jo}from"./link/NavLink.js";import{LinkList as ko}from"./link-list/LinkList.js";import{List as To,OrderedList as bo,UnorderedList as go}from"./list/List.js";import{CheckListItem as ho,CrossListItem as Bo,ListItem as Ao}from"./list/ListItem.js";import{Loader as So}from"./loader/Loader.js";import{SkeletonAnimation as Lo}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as xo}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as wo}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Ro}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as vo}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Mo}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Po,SkeletonTableHeader as Do,SkeletonTableRow as yo}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Go}from"./loader/skeletons/SkeletonTextArea.js";import{Modal as Uo,ModalActions as No,ModalBody as Eo,ModalCloseButton as Ho,ModalContainer as Oo,ModalHeader as Wo,ModalOverlay as Fo,ModalTitle as Vo}from"./modal/Modal.js";import{useModal as zo}from"./modal/useModal.js";import{RadioButton as Qo}from"./radio-button/RadioButton.js";import{RadioButtonGroup as Yo}from"./radio-button/RadioButtonGroup.js";import{BaseRadioButton as qo}from"./radio-button/BaseRadioButton.js";import{N as Jo,S as Ko}from"../../NativeSelect-EidDABsT.js";import{ErrorTag as Xo,InfoTag as Zo,SuccessTag as $o,Tag as _o,WarningTag as os}from"./tag/Tag.js";import{BaseTextArea as ss}from"./text-input/BaseTextArea.js";import{BaseTextInput as as}from"./text-input/BaseTextInput.js";import{TextArea as rs}from"./text-input/TextArea.js";import{TextInput as ns}from"./text-input/TextInput.js";import{Tooltip as ts}from"./tooltip/Tooltip.js";import{TooltipContent as es}from"./tooltip/TooltipContent.js";import{TooltipTrigger as is}from"./tooltip/TooltipTrigger.js";import{PopupTip as cs}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as ms}from"./ScreenReaderOnly.js";export{s as Accordion,o as AccordionItem,P as ArrowDownIcon,v as ArrowHorizontalAnimated,D as ArrowLeftIcon,y as ArrowNorthEastIcon,G as ArrowRightIcon,U as ArrowUpIcon,R as ArrowVerticalAnimated,qo as BaseRadioButton,ss as BaseTextArea,as as BaseTextInput,a as Breadcrumb,r as BreadcrumbItem,n as Button,N as CalendarIcon,c as Card,m as CardImage,E as CheckIcon,ho as CheckListItem,u as Checkbox,H as ChevronDownIcon,O as ChevronLeftIcon,W as ChevronRightIcon,F as ChevronUpIcon,V as CloseIcon,f as Combobox,j as CookieConsent,k as CookieConsentProvider,z as CopyIcon,Bo as CrossListItem,x as DatePicker,Q as DotsIcon,Y as DragIcon,q as ErrorIcon,Xo as ErrorTag,lo as FieldGroup,J as GreenCheckIcon,K as HamburgerIcon,w as Icon,mo as IconButton,po as Image,p as InfoBlock,d as InfoCard,X as InfoIcon,Zo as InfoTag,Io as InputGroup,uo as Label,Co as Link,Z as LinkIcon,ko as LinkList,To as List,Ao as ListItem,So as Loader,no as MinusIcon,Uo as Modal,No as ModalActions,Eo as ModalBody,Ho as ModalCloseButton,Oo as ModalContainer,Wo as ModalHeader,Fo as ModalOverlay,Vo as ModalTitle,Jo as NativeSelect,l as NavCard,jo as NavLink,bo as OrderedList,co as PenIcon,$ as PlusIcon,M as PlusRemoveAnimated,cs as PopupTip,t as PrimaryButton,_ as QuestionIcon,Qo as RadioButton,Yo as RadioButtonGroup,oo as RedCrossIcon,ms as ScreenReaderOnly,so as SearchIcon,e as SecondaryButton,Ko as Select,Lo as SkeletonAnimation,xo as SkeletonButton,wo as SkeletonCheckboxGroup,Ro as SkeletonElement,vo as SkeletonInput,Mo as SkeletonRadioButtonGroup,Po as SkeletonTable,Do as SkeletonTableHeader,yo as SkeletonTableRow,Go as SkeletonTextArea,ao as SuccessIcon,$o as SuccessTag,fo as SupportLabel,_o as Tag,I as TaskCard,i as TertiaryButton,rs as TextArea,ns as TextInput,to as ThumbDownIcon,eo as ThumbUpIcon,ts as Tooltip,es as TooltipContent,is as TooltipTrigger,io as TrashCanIcon,go as UnorderedList,ro as WarningIcon,os as WarningTag,B as dayMonthYearRegex,A as formatInput,C as getComboboxValuePair,S as isBlurTargetOutside,b as isCorrectFormat,g as isWithinLowerBound,h as isWithinUpperBound,L as parseDateString,T as useCookieConsent,zo as useModal};
1
+ import{AccordionItem as o}from"./accordion/AccordionItem.js";import{Accordion as s}from"./accordion/Accordion.js";import{Breadcrumb as a}from"./breadcrumb/Breadcrumb.js";import{BreadcrumbItem as r}from"./breadcrumb/BreadcrumbItem.js";import{Button as n,PrimaryButton as t,SecondaryButton as e,TertiaryButton as i}from"./button/Button.js";import{Card as c}from"./card/Card.js";import{CardImage as m}from"./card/CardImage.js";import{InfoBlock as p,NavCard as l}from"./card/NavCard.js";import{TaskCard as I}from"./card/TaskCard.js";import{InfoCard as d}from"./card/InfoCard.js";import{Checkbox as u}from"./checkbox/Checkbox.js";import{Combobox as f,getComboboxValuePair as j}from"./combobox/Combobox.js";import{CookieConsent as C}from"./cookie-consent/CookieConsent.js";import{CookieConsentProvider as k,useCookieConsent as T}from"./cookie-consent/CookieConsentContext.js";import{isCorrectFormat as b,isWithinLowerBound as g,isWithinUpperBound as h}from"./datepicker/validation.js";import{dayMonthYearRegex as B,formatInput as A,isBlurTargetOutside as S,parseDateString as L}from"./datepicker/utils.js";import{DatePicker as x}from"./datepicker/DatePicker.js";import{Icon as w}from"./icon/Icon.js";import{ArrowVerticalAnimated as v}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as R}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as M}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as P}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as D}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as y}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as G}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as U}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as N}from"./icon/icons/CalendarIcon.js";import{CheckIcon as E}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as H}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as O}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as W}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as F}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as V}from"./icon/icons/CloseIcon.js";import{CopyIcon as z}from"./icon/icons/CopyIcon.js";import{DotsIcon as Q}from"./icon/icons/DotsIcon.js";import{DragIcon as Y}from"./icon/icons/DragIcon.js";import{ErrorIcon as q}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as J}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as K}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as X}from"./icon/icons/InfoIcon.js";import{LinkIcon as Z}from"./icon/icons/LinkIcon.js";import{PlusIcon as $}from"./icon/icons/PlusIcon.js";import{QuestionIcon as _}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as oo}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as so}from"./icon/icons/SearchIcon.js";import{SuccessIcon as ao}from"./icon/icons/SuccessIcon.js";import{WarningIcon as ro}from"./icon/icons/WarningIcon.js";import{MinusIcon as no}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as to}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as eo}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as io}from"./icon/icons/TrashCanIcon.js";import{PenIcon as co}from"./icon/icons/PenIcon.js";import{IconButton as mo}from"./icon-button/IconButton.js";import{Image as po}from"./image/Image.js";import{FieldGroup as lo}from"./input-group/FieldGroup.js";import{InputGroup as Io}from"./input-group/InputGroup.js";import{Label as uo}from"./input-group/Label.js";import{SupportLabel as fo}from"./input-group/SupportLabel.js";import{Link as jo}from"./link/Link.js";import{NavLink as Co}from"./link/NavLink.js";import{LinkList as ko}from"./link-list/LinkList.js";import{List as To,OrderedList as bo,UnorderedList as go}from"./list/List.js";import{CheckListItem as ho,CrossListItem as Bo,ListItem as Ao}from"./list/ListItem.js";import{Loader as So}from"./loader/Loader.js";import{SkeletonAnimation as Lo}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as xo}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as wo}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as vo}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as Ro}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Mo}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Po,SkeletonTableHeader as Do,SkeletonTableRow as yo}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Go}from"./loader/skeletons/SkeletonTextArea.js";import{Modal as Uo,ModalActions as No,ModalBody as Eo,ModalCloseButton as Ho,ModalContainer as Oo,ModalHeader as Wo,ModalOverlay as Fo,ModalTitle as Vo}from"./modal/Modal.js";import{useModal as zo}from"./modal/useModal.js";import{default as Qo}from"./popover/Popover.js";import{RadioButton as Yo}from"./radio-button/RadioButton.js";import{RadioButtonGroup as qo}from"./radio-button/RadioButtonGroup.js";import{BaseRadioButton as Jo}from"./radio-button/BaseRadioButton.js";import{N as Ko,S as Xo}from"../../NativeSelect-DwtOOfyt.js";import{ErrorTag as Zo,InfoTag as $o,SuccessTag as _o,Tag as os,WarningTag as ss}from"./tag/Tag.js";import{BaseTextArea as as}from"./text-input/BaseTextArea.js";import{BaseTextInput as rs}from"./text-input/BaseTextInput.js";import{TextArea as ns}from"./text-input/TextArea.js";import{TextInput as ts}from"./text-input/TextInput.js";import{Tooltip as es}from"./tooltip/Tooltip.js";import{TooltipContent as is}from"./tooltip/TooltipContent.js";import{TooltipTrigger as cs}from"./tooltip/TooltipTrigger.js";import{PopupTip as ms}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as ps}from"./ScreenReaderOnly.js";export{s as Accordion,o as AccordionItem,P as ArrowDownIcon,R as ArrowHorizontalAnimated,D as ArrowLeftIcon,y as ArrowNorthEastIcon,G as ArrowRightIcon,U as ArrowUpIcon,v as ArrowVerticalAnimated,Jo as BaseRadioButton,as as BaseTextArea,rs as BaseTextInput,a as Breadcrumb,r as BreadcrumbItem,n as Button,N as CalendarIcon,c as Card,m as CardImage,E as CheckIcon,ho as CheckListItem,u as Checkbox,H as ChevronDownIcon,O as ChevronLeftIcon,W as ChevronRightIcon,F as ChevronUpIcon,V as CloseIcon,f as Combobox,C as CookieConsent,k as CookieConsentProvider,z as CopyIcon,Bo as CrossListItem,x as DatePicker,Q as DotsIcon,Y as DragIcon,q as ErrorIcon,Zo as ErrorTag,lo as FieldGroup,J as GreenCheckIcon,K as HamburgerIcon,w as Icon,mo as IconButton,po as Image,p as InfoBlock,d as InfoCard,X as InfoIcon,$o as InfoTag,Io as InputGroup,uo as Label,jo as Link,Z as LinkIcon,ko as LinkList,To as List,Ao as ListItem,So as Loader,no as MinusIcon,Uo as Modal,No as ModalActions,Eo as ModalBody,Ho as ModalCloseButton,Oo as ModalContainer,Wo as ModalHeader,Fo as ModalOverlay,Vo as ModalTitle,Ko as NativeSelect,l as NavCard,Co as NavLink,bo as OrderedList,co as PenIcon,$ as PlusIcon,M as PlusRemoveAnimated,Qo as Popover,ms as PopupTip,t as PrimaryButton,_ as QuestionIcon,Yo as RadioButton,qo as RadioButtonGroup,oo as RedCrossIcon,ps as ScreenReaderOnly,so as SearchIcon,e as SecondaryButton,Xo as Select,Lo as SkeletonAnimation,xo as SkeletonButton,wo as SkeletonCheckboxGroup,vo as SkeletonElement,Ro as SkeletonInput,Mo as SkeletonRadioButtonGroup,Po as SkeletonTable,Do as SkeletonTableHeader,yo as SkeletonTableRow,Go as SkeletonTextArea,ao as SuccessIcon,_o as SuccessTag,fo as SupportLabel,os as Tag,I as TaskCard,i as TertiaryButton,ns as TextArea,ts as TextInput,to as ThumbDownIcon,eo as ThumbUpIcon,es as Tooltip,is as TooltipContent,cs as TooltipTrigger,io as TrashCanIcon,go as UnorderedList,ro as WarningIcon,ss as WarningTag,B as dayMonthYearRegex,A as formatInput,j as getComboboxValuePair,S as isBlurTargetOutside,b as isCorrectFormat,g as isWithinLowerBound,h as isWithinUpperBound,L as parseDateString,T as useCookieConsent,zo as useModal};
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,2 @@
1
+ import{jsx as e}from"react/jsx-runtime";import{useMergeRefs as n,FloatingPortal as t,FloatingFocusManager as o,useFloating as s,offset as a,flip as r,shift as l,autoUpdate as i,useClick as c,useHover as d,useFocus as p,useDismiss as u,useRole as m,useInteractions as f}from"@floating-ui/react";import{c as g}from"../../../clsx-BeLtu-UY.js";import*as h from"react";import{getThemeAndDensity as v}from"./utils.js";const k=h.createContext(null),x=()=>{const e=h.useContext(k);if(null==e)throw new Error("Popover komponenter må brukes innenfor en <Popover /> komponent");return e},C=({children:n,...t})=>{const o=(({open:e,onOpenChange:n,placement:t="bottom-start",strategy:o="absolute",modal:g=!0,offset:v=4,hoverOptions:k,focusOptions:x,clickOptions:C,roleOptions:b,dismissOptions:y})=>{const[O,j]=h.useState(e),F=e??O,P=n??j,w=s({open:F,onOpenChange:P,placement:t,strategy:o,middleware:[a(v),r({padding:5,fallbackPlacements:["bottom","top"]}),l({padding:12})],whileElementsMounted:i}),R=w.context,E=c(R,{enabled:!1,...C}),M=d(R,{enabled:!1,...k}),D=p(R,{enabled:!1,...x}),N=u(R,y),S=m(R,b),T=f([E,N,D,M,S]);return h.useMemo((()=>({open:F,onOpenChange:P,modal:g,...T,...w})),[F,P,g,T,w])})({...t});return e(k.Provider,{value:o,children:n})},b=h.forwardRef((function({children:t,asChild:o=!1,...s},a){const{refs:r,getReferenceProps:l,open:i,onOpenChange:c}=x(),d=t.ref,p=n([r.setReference,a,d]);return o&&h.isValidElement(t)?h.cloneElement(t,l({ref:p,...s,...t.props})):e("button",{ref:p,onClick:()=>null==c?void 0:c(!i),"aria-expanded":i,...l(s),children:t})})),y=h.forwardRef((function({style:s,className:a,padding:r,...l},i){const{context:c,modal:d,refs:p,open:u,floatingStyles:m,getFloatingProps:f}=x(),h=n([p.setFloating,i]),{theme:k,density:C}=v(p.reference.current);return u?e(t,{children:e(o,{context:c,modal:d,children:e("div",{"data-theme":k,"data-layout-density":C,className:g("jkl jkl-popover",a),ref:h,style:{...s,...m,"--popover-padding":`var(--jkl-spacing-${r})`},...f(l),children:l.children})})}):null}));C.Trigger=b,C.Content=y;export{C as default};
2
+ //# sourceMappingURL=Popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n useFloating,\n useFocus,\n useHover,\n useClick,\n useDismiss,\n autoUpdate,\n useRole,\n useMergeRefs,\n offset,\n flip,\n shift,\n useInteractions,\n FloatingPortal,\n FloatingFocusManager,\n UseFloatingOptions,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"./utils\";\n\ntype ClickOptions = Parameters<typeof useClick>[1];\ntype DismissOptions = Parameters<typeof useDismiss>[1];\ntype FocusOptions = Parameters<typeof useFocus>[1];\ntype HoverOptions = Parameters<typeof useHover>[1];\ntype RoleOptions = Parameters<typeof useRole>[1];\n\ninterface PopoverOptions {\n /**\n * Angir om popoveren er åpen eller lukket.\n * @see https://floating-ui.com/docs/useFloating#open\n */\n open?: boolean;\n /**\n * Callback som trigges når popoveren åpnes eller lukkes.\n * @see https://floating-ui.com/docs/useFloating#onOpenChange\n */\n onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n /**\n * Bestemmer plasseringen av popoveren.\n * @default \"bottom-start\"\n * @see https://floating-ui.com/docs/useFloating#placement\n */\n placement?: UseFloatingOptions[\"placement\"];\n /**\n * Definerer strategien for posisjonering av popoveren.\n * @default \"absolute\"\n * @see https://floating-ui.com/docs/useFloating#strategy\n */\n strategy?: UseFloatingOptions[\"strategy\"];\n /**\n * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n * og innhold utenfor ikke kan interageres med.\n * @default true\n * @see https://floating-ui.com/docs/useFloating#modal\n */\n modal?: boolean;\n /**\n * Offset til det flytende elementet.\n * @see https://floating-ui.com/docs/offset\n * @default 4\n * */\n /**\n * Justerer avstanden mellom referanse-elementet og popoveren.\n * @see https://floating-ui.com/docs/offset\n * @default 4\n */\n offset?: number;\n /**\n * Options for hover-interaksjoner.\n * @see https://floating-ui.com/docs/useHover\n * @default { enabled: false }\n */\n hoverOptions?: HoverOptions;\n /**\n * Options for fokus-interaksjoner.\n * @see https://floating-ui.com/docs/useFocus\n * @default { enabled: false }\n */\n focusOptions?: FocusOptions;\n /**\n * Options for klikk-interaksjoner.\n * @see https://floating-ui.com/docs/useClick\n * @default { enabled: false }\n */\n clickOptions?: ClickOptions;\n /**\n * Konfigurerer rollen for popoveren.\n * @see https://floating-ui.com/docs/useRole\n * @default { enabled: true, role: \"dialog\" }\n */\n roleOptions?: RoleOptions;\n /**\n * Options for å lukke popoveren når en dismissal skjer,\n * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n * @see https://floating-ui.com/docs/useDismiss\n * @default { enabled: true }\n */\n dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n open: _open,\n onOpenChange: _onOpenChange,\n placement = \"bottom-start\",\n strategy = \"absolute\",\n modal = true,\n offset: _offset = 4,\n hoverOptions,\n focusOptions,\n clickOptions,\n roleOptions,\n dismissOptions,\n}: PopoverOptions) => {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n const open = _open ?? uncontrolledOpen;\n const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n const data = useFloating({\n open,\n onOpenChange,\n placement,\n strategy,\n middleware: [\n offset(_offset),\n flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n shift({ padding: 12 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const context = data.context;\n\n const click = useClick(context, {\n enabled: false,\n ...clickOptions,\n });\n const hover = useHover(context, { enabled: false, ...hoverOptions });\n const focus = useFocus(context, { enabled: false, ...focusOptions });\n const dismiss = useDismiss(context, dismissOptions);\n const role = useRole(context, roleOptions);\n\n const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n return React.useMemo(\n () => ({\n open,\n onOpenChange,\n modal,\n ...interactions,\n ...data,\n }),\n [open, onOpenChange, modal, interactions, data],\n );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n const context = React.useContext(PopoverContext);\n\n if (context == null) {\n throw new Error(\"Popover komponenter må brukes innenfor en <Popover /> komponent\");\n }\n\n return context;\n};\n\nconst Popover = ({\n children,\n ...restOptions\n}: {\n children: React.ReactNode;\n} & PopoverOptions) => {\n const popover = usePopover({ ...restOptions });\n return <PopoverContext.Provider value={popover}>{children}</PopoverContext.Provider>;\n};\n\ninterface PopoverTriggerProps {\n children: React.ReactNode;\n /**\n * Rendrer komponenten som child-elementet sitt, og slår\n * sammen egenskaper og props.\n * @example\n * ```tsx\n * <Component asChild foo=\"bar\">\n * <Child baz=\"qux\" />\n * </Component>\n *\n * // Rendrer følgende:\n * <Child foo=\"bar\" baz=\"qux\" />\n * ```\n *\n * @default false\n */\n asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTMLElement> & PopoverTriggerProps>(\n function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n ...props,\n ...children.props,\n }),\n );\n }\n\n return (\n <button ref={ref} onClick={() => onOpenChange?.(!open)} aria-expanded={open} {...getReferenceProps(props)}>\n {children}\n </button>\n );\n },\n);\n\ninterface PopoverContentProps {\n /**\n * Padding rundt innholdet i popoveren.\n * @default 0\n */\n padding?: 0 | 8 | 16 | 24;\n}\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & PopoverContentProps>(\n function PopoverContent({ style, className, padding, ...props }, propRef) {\n const { context, modal, refs, open, floatingStyles, getFloatingProps } = usePopoverContext();\n const ref = useMergeRefs([refs.setFloating, propRef]);\n\n const { theme, density } = getThemeAndDensity(refs.reference.current as HTMLElement);\n\n if (!open) return null;\n\n return (\n <FloatingPortal>\n <FloatingFocusManager context={context} modal={modal}>\n <div\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\"jkl jkl-popover\", className)}\n ref={ref}\n style={\n {\n ...style,\n ...floatingStyles,\n \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n } as React.CSSProperties\n }\n {...getFloatingProps(props)}\n >\n {props.children}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n },\n);\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","refs","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","floatingStyles","getFloatingProps","setFloating","theme","density","getThemeAndDensity","reference","current","FloatingPortal","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"4ZAqGA,MA0DMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChBC,MAAAA,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGbF,OAAAA,CAAAA,EAGLG,EAAU,EACZC,SAAAA,KACGC,MAIH,MAAMC,EA5ES,GACfC,KAAMC,EACNC,aAAcC,EACdC,UAAAA,EAAY,eACZC,SAAAA,EAAW,WACXC,MAAAA,GAAQ,EACRC,OAAQC,EAAU,EAClBC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,YAAAA,EACAC,eAAAA,MAEA,MAAOC,EAAkBC,GAAuBzB,EAAM0B,SAASf,GAEzDD,EAAOC,GAASa,EAChBZ,EAAeC,GAAiBY,EAEhCE,EAAOC,EAAY,CACrBlB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAc,WAAY,CACRZ,EAAOC,GACPY,EAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,EAAM,CAAEF,QAAS,MAErBG,qBAAsBC,IAGpBhC,EAAUwB,EAAKxB,QAEfiC,EAAQC,EAASlC,EAAS,CAC5BmC,SAAS,KACNjB,IAEDkB,EAAQC,EAASrC,EAAS,CAAEmC,SAAS,KAAUnB,IAC/CsB,EAAQC,EAASvC,EAAS,CAAEmC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAWzC,EAASoB,GAC9BsB,EAAOC,EAAQ3C,EAASmB,GAExByB,EAAeC,EAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE,OAAO7C,EAAMiD,SACT,KAAO,CACHvC,KAAAA,EACAE,aAAAA,EACAI,MAAAA,KACG+B,KACApB,KAEP,CAACjB,EAAME,EAAcI,EAAO+B,EAAcpB,GAAI,EAwBlCuB,CAAW,IAAK1C,aACxBT,EAAeoD,SAAf,CAAwBC,MAAO3C,EAAUF,SAAAA,GAAS,EAuBxD8C,EAAiBrD,EAAMsD,YACzB,UAA0B/C,SAAAA,EAAUgD,QAAAA,GAAU,KAAUC,GAASC,GACvD,MAAEC,KAAAA,EAAMC,kBAAAA,EAAmBjD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD0D,EAAerD,EAAiBsD,IAChCA,EAAMC,EAAa,CAACJ,EAAKK,aAAcN,EAASG,IAEtD,OAAIL,GAAWvD,EAAMgE,eAAezD,GACzBP,EAAMiE,aACT1D,EACAoD,EAAkB,CACdE,IAAAA,KACGL,KACAjD,EAASiD,SAMnBU,EAAA,SAAA,CAAOL,IAAAA,EAAUM,QAAS,IAAM,MAAAvD,OAAA,EAAAA,GAAgBF,GAAO,gBAAeA,KAAUiD,EAAkBH,GAC9FjD,SAAAA,GAGb,IAWE6D,EAAiBpE,EAAMsD,YACzB,UAA0Be,MAAAA,EAAOC,UAAAA,EAAWvC,QAAAA,KAAYyB,GAASC,GACvD,MAAEtD,QAAAA,EAASa,MAAAA,EAAO0C,KAAAA,EAAMhD,KAAAA,EAAM6D,eAAAA,EAAgBC,iBAAAA,GAAqBtE,IACnE2D,EAAMC,EAAa,CAACJ,EAAKe,YAAahB,KAEpCiB,MAAAA,EAAOC,QAAAA,GAAYC,EAAmBlB,EAAKmB,UAAUC,SAEzD,OAACpE,EAGAwD,EAAAa,EAAA,CACGxE,SAAC2D,EAAAc,EAAA,CAAqB7E,QAAAA,EAAkBa,MAAAA,EACpCT,SAAA2D,EAAC,MAAA,CACG,aAAYQ,EACZ,sBAAqBC,EACrBL,UAAWW,EAAK,kBAAmBX,GACnCT,IAAAA,EACAQ,MACI,IACOA,KACAE,EACH,oBAAqB,qBAAqBxC,SAG9CyC,EAAiBhB,GAEpBjD,SAAMiD,EAAAjD,eAnBL,IAwBtB,IAGJD,EAAQ4E,QAAU7B,EAClB/C,EAAQ6E,QAAUf"}
@@ -0,0 +1,2 @@
1
+ import{default as o}from"./Popover.js";export{o as Popover};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ const e=e=>{if(!e)return{};const t=getComputedStyle(e);return{theme:parseInt(t.getPropertyValue("--jkl-background-color").replace("#",""),16)<8388607.5?"dark":"light",density:'"compact"'===t.getPropertyValue("--jkl-density")?"compact":"comfortable"}};export{e as getThemeAndDensity};
2
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sources":["../../../../src/components/popover/utils.ts"],"sourcesContent":["export const getThemeAndDensity = (element: HTMLElement | null): { theme?: string; density?: string } => {\n if (!element) return {};\n\n const computedStyles = getComputedStyle(element);\n\n const theme =\n parseInt(computedStyles.getPropertyValue(\"--jkl-background-color\").replace(\"#\", \"\"), 16) < 0xffffff / 2\n ? \"dark\"\n : \"light\";\n\n const density = computedStyles.getPropertyValue(\"--jkl-density\") === '\"compact\"' ? \"compact\" : \"comfortable\";\n\n return { theme, density };\n};\n"],"names":["getThemeAndDensity","element","computedStyles","getComputedStyle","theme","parseInt","getPropertyValue","replace","density"],"mappings":"AAAa,MAAAA,EAAsBC,IAC3B,IAACA,EAAS,MAAO,GAEfC,MAAAA,EAAiBC,iBAAiBF,GASjC,MAAA,CAAEG,MANLC,SAASH,EAAeI,iBAAiB,0BAA0BC,QAAQ,IAAK,IAAK,IAAM,UACrF,OACA,QAIMC,QAFqD,cAArDN,EAAeI,iBAAiB,iBAAmC,UAAY"}
@@ -1,2 +1,2 @@
1
- import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../icon-button/IconButton.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import{N as o}from"../../../NativeSelect-EidDABsT.js";import"../tag/Tag.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import"../../utilities/valuePair.js";export{o as NativeSelect};
1
+ import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../icon-button/IconButton.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../popover/Popover.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import{N as o}from"../../../NativeSelect-DwtOOfyt.js";import"../tag/Tag.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import"../../utilities/valuePair.js";export{o as NativeSelect};
2
2
  //# sourceMappingURL=NativeSelect.js.map