@ndla/ui 56.0.141-alpha.0 → 56.0.143-alpha.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ndla/ui",
   "type": "module",
-  "version": "56.0.141-alpha.0",
+  "version": "56.0.143-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "exports": {
@@ -38,11 +38,11 @@
   "dependencies": {
     "@ark-ui/react": "^5.25.0",
     "@ndla/core": "^6.0.3-alpha.0",
-    "@ndla/icons": "^8.0.67-alpha.0",
-    "@ndla/licenses": "^10.0.0-alpha.0",
-    "@ndla/primitives": "^1.0.99-alpha.0",
-    "@ndla/safelink": "^7.0.102-alpha.0",
-    "@ndla/styled-system": "^0.0.39",
+    "@ndla/icons": "^8.0.68-alpha.0",
+    "@ndla/licenses": "^10.0.1-alpha.0",
+    "@ndla/primitives": "^1.0.100-alpha.0",
+    "@ndla/safelink": "^7.0.103-alpha.0",
+    "@ndla/styled-system": "^0.0.40",
     "@ndla/util": "^5.0.12-alpha.0",
     "html-react-parser": "^5.1.19"
   },
@@ -54,7 +54,7 @@
     "react-router": ">= 7.0.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.60",
+    "@ndla/preset-panda": "^0.0.61",
     "@ndla/types-backend": "^1.0.50",
     "@ndla/types-embed": "^5.0.16-alpha.0",
     "@pandacss/dev": "^1.3.1"
@@ -62,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d761aaa2ee66fb79ef646ab8cccf70764258b894"
+  "gitHead": "6718375438d7cf56673b291d98ce643a7ebd54a9"
 }

package/src/Article/Article.tsx

@@ -10,7 +10,7 @@ import { type ComponentPropsWithRef, type ReactNode, forwardRef } from "react";
 import { ark, type HTMLArkProps } from "@ark-ui/react";
 import { Heading, Text } from "@ndla/primitives";
 import { cx } from "@ndla/styled-system/css";
-import { Stack, styled } from "@ndla/styled-system/jsx";
+import { styled } from "@ndla/styled-system/jsx";
 import type { StyledProps } from "@ndla/styled-system/types";
 import { ArticleByline } from "./ArticleByline";
 import { ContentTypeBadge, type ContentType } from "../ContentTypeBadge/ContentTypeBadge";
@@ -101,8 +101,12 @@ export const ArticleFooter = styled(
   { baseComponent: true },
 );
 
-const StyledStack = styled(Stack, {
+const InfoWrapper = styled("div", {
   base: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: "small",
     width: "100%",
     minHeight: "xxlarge",
   },
@@ -144,10 +148,10 @@ export const ArticleTitle = ({
     <ArticleHeader>
       <ArticleHGroup>
         {(!!contentType || !!heartButton) && (
-          <StyledStack justify="space-between" align="center" direction="row" gap="small">
+          <InfoWrapper>
             {!!contentType && <ContentTypeBadge contentType={contentType}>{contentTypeLabel}</ContentTypeBadge>}
             {heartButton}
-          </StyledStack>
+          </InfoWrapper>
         )}
         <Heading textStyle="heading.medium" id={id} lang={lang} property="dct:title">
           {title}

package/src/AudioPlayer/SpeechControl.tsx

@@ -9,7 +9,7 @@
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { VolumeUpFill } from "@ndla/icons";
-import { TooltipRoot, TooltipTrigger, TooltipContent, IconButton } from "@ndla/primitives";
+import { IconButton } from "@ndla/primitives";
 
 type Props = {
   src: string;
@@ -35,14 +35,9 @@ const SpeechControl = ({ src, title, type = "audio" }: Props) => {
     <div data-embed-type="speech">
       {/* eslint-disable-next-line jsx-a11y/media-has-caption */}
       <audio ref={audioRef} src={src} title={title} preload="metadata" />
-      <TooltipRoot>
-        <TooltipTrigger asChild>
-          <IconButton variant="tertiary" aria-label={t(`${type}.play`)} onClick={togglePlay}>
-            <VolumeUpFill />
-          </IconButton>
-        </TooltipTrigger>
-        <TooltipContent>{t(`${type}.play`)}</TooltipContent>
-      </TooltipRoot>
+      <IconButton variant="tertiary" aria-label={t(`${type}.play`)} title={t(`${type}.play`)} onClick={togglePlay}>
+        <VolumeUpFill />
+      </IconButton>
     </div>
   );
 };

package/src/Concept/Concept.tsx

@@ -11,7 +11,11 @@ import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { IDraftCopyrightDTO as ConceptCopyright } from "@ndla/types-backend/concept-api";
 import type { ConceptVisualElementMeta } from "@ndla/types-embed";
-import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
+import BrightcoveEmbed from "../Embed/BrightcoveEmbed";
+import ExternalEmbed from "../Embed/ExternalEmbed";
+import H5pEmbed from "../Embed/H5pEmbed";
+import IframeEmbed from "../Embed/IframeEmbed";
+import ImageEmbed from "../Embed/ImageEmbed";
 import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 

package/src/Embed/AudioEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { AudioEmbedData, AudioMeta } from "@ndla/types-embed";
 import AudioEmbed from "./AudioEmbed";
-import { ArticleContent, ArticleWrapper } from "../Article";
+import { ArticleContent, ArticleWrapper } from "../Article/Article";
 
 const embedData: AudioEmbedData = {
   resource: "audio",

package/src/Embed/AudioEmbed.tsx

@@ -11,8 +11,8 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { AudioMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import type { Author } from "./ImageEmbed";
-import AudioPlayer from "../AudioPlayer";
-import { EmbedByline } from "../LicenseByline";
+import AudioPlayer from "../AudioPlayer/AudioPlayer";
+import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 
 const StyledFigure = styled(Figure, {

package/src/Embed/BrightcoveEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { BrightcoveData, BrightcoveEmbedData, BrightcoveMetaData } from "@ndla/types-embed";
 import BrightcoveEmbed from "./BrightcoveEmbed";
-import { ArticleContent, ArticleWrapper } from "../Article";
+import { ArticleContent, ArticleWrapper } from "../Article/Article";
 
 const embedData: BrightcoveEmbedData = {
   resource: "brightcove",

package/src/Embed/BrightcoveEmbed.tsx

@@ -14,7 +14,7 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { BrightcoveEmbedData, BrightcoveMetaData, BrightcoveVideoSource } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import type { RenderContext } from "./types";
-import { EmbedByline } from "../LicenseByline";
+import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 
 interface Props {

package/src/Embed/CodeEmbed.tsx

@@ -13,8 +13,8 @@ import { Button, Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { CodeMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { CodeBlock, codeLanguageOptions } from "../CodeBlock";
-import type { ICodeLangugeOption } from "../CodeBlock/codeLanguageOptions";
+import CodeBlock from "../CodeBlock/CodeBlock";
+import { codeLanguageOptions, type ICodeLangugeOption } from "../CodeBlock/codeLanguageOptions";
 
 interface Props {
   embed: CodeMetaData;

package/src/Embed/ConceptEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { ConceptData, ConceptEmbedData } from "@ndla/types-embed";
 import { ConceptEmbed } from "./ConceptEmbed";
-import { ArticleContent, ArticleWrapper } from "../Article";
+import { ArticleContent, ArticleWrapper } from "../Article/Article";
 
 const blockEmbedData: ConceptEmbedData = {
   contentId: "35",

package/src/Embed/CopyrightEmbed.tsx

@@ -9,7 +9,7 @@
 import type { ReactNode } from "react";
 import { styled } from "@ndla/styled-system/jsx";
 import type { CopyrightMetaData } from "@ndla/types-embed";
-import { EmbedByline } from "../LicenseByline";
+import { EmbedByline } from "../LicenseByline/EmbedByline";
 
 interface Props {
   embed: CopyrightMetaData;

package/src/Embed/EmbedErrorPlaceholder.tsx

@@ -10,8 +10,7 @@ import { type ReactNode } from "react";
 import { ErrorWarningLine } from "@ndla/icons";
 import { Figure, type FigureFloat, type FigureSize } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { EmbedByline } from "../LicenseByline";
-import { type EmbedBylineErrorProps } from "../LicenseByline/EmbedByline";
+import { EmbedByline, type EmbedBylineErrorProps } from "../LicenseByline/EmbedByline";
 
 interface Props {
   type: EmbedBylineErrorProps["type"];

package/src/Embed/ExternalEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { OembedEmbedData, OembedData } from "@ndla/types-embed";
 import ExternalEmbed from "./ExternalEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
 
 const embedData: OembedEmbedData = {
   resource: "external",

package/src/Embed/ExternalEmbed.tsx

@@ -12,7 +12,7 @@ import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { OembedMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { ResourceBox } from "../ResourceBox";
+import ResourceBox from "../ResourceBox/ResourceBox";
 
 interface Props {
   embed: OembedMetaData;

package/src/Embed/FootnoteEmbed.stories.tsx

@@ -9,7 +9,7 @@
 import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 import type { FootnoteData, FootnoteEmbedData } from "@ndla/types-embed";
 import FootnoteEmbed from "./FootnoteEmbed";
-import { ArticleByline } from "../Article";
+import { ArticleByline } from "../Article/ArticleByline";
 
 /**
  * Kildehenvisninger benytter [APA-stilen](https://sokogskriv.no/kildebruk-og-referanser/referansestiler/apa-6th/) for utlistning nederst på siden.

package/src/Embed/GlossEmbed.tsx

@@ -13,7 +13,7 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { ConceptMetaData } from "@ndla/types-embed";
 import { ConceptInlineTriggerButton } from "./ConceptInlineTriggerButton";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { Gloss } from "../Gloss";
+import Gloss from "../Gloss/Gloss";
 
 interface Props {
   embed: ConceptMetaData;

package/src/Embed/H5pEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { H5pEmbedData, H5pData } from "@ndla/types-embed";
 import H5pEmbed from "./H5pEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
 
 const embedData: H5pEmbedData = {
   resource: "h5p",

package/src/Embed/IframeEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { IframeData, IframeEmbedData } from "@ndla/types-embed";
 import IframeEmbed from "./IframeEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
 
 const embedData: IframeEmbedData = {
   width: "708px",

package/src/Embed/IframeEmbed.tsx

@@ -12,7 +12,7 @@ import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { IframeMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { ResourceBox } from "../ResourceBox";
+import ResourceBox from "../ResourceBox/ResourceBox";
 
 interface Props {
   embed: IframeMetaData;

package/src/Embed/ImageEmbed.stories.tsx

@@ -13,8 +13,8 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { IImageMetaInformationV3DTO } from "@ndla/types-backend/image-api";
 import type { ImageEmbedData } from "@ndla/types-embed";
 import ImageEmbed from "./ImageEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
-import { Grid } from "../Grid";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
+import { Grid } from "../Grid/Grid";
 
 const embedData: ImageEmbedData = {
   resource: "image",

package/src/Embed/ImageEmbed.tsx

@@ -15,7 +15,7 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { ImageEmbedData, ImageMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import type { RenderContext } from "./types";
-import { EmbedByline } from "../LicenseByline";
+import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 
 interface Props {

package/src/Embed/RelatedContentEmbed.stories.tsx

@@ -10,8 +10,8 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { RelatedContentMetaData } from "@ndla/types-embed";
 import RelatedContentEmbed from "./RelatedContentEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
-import RelatedArticleList from "../RelatedArticleList";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
+import { RelatedArticleList } from "../RelatedArticleList/RelatedArticleList";
 
 const filmResourceMeta: RelatedContentMetaData = {
   resource: "related-content",

package/src/Embed/UuDisclaimerEmbed.stories.tsx

@@ -12,9 +12,9 @@ import type { UUDisclaimerData, UuDisclaimerEmbedData } from "@ndla/types-embed"
 import H5pEmbed from "./H5pEmbed";
 import IframeEmbed from "./IframeEmbed";
 import UuDisclaimerEmbed from "./UuDisclaimerEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
-import CopyParagraphButton from "../CopyParagraphButton";
-import FactBox from "../FactBox";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
+import CopyParagraphButton from "../CopyParagraphButton/CopyParagraphButton";
+import FactBox from "../FactBox/FactBox";
 
 const embedData: UuDisclaimerEmbedData = {
   resource: "uu-disclaimer",

package/src/FileList/File.tsx

@@ -11,9 +11,9 @@ import { useTranslation } from "react-i18next";
 import { DownloadLine } from "@ndla/icons";
 import { Text } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
-import { HStack, styled } from "@ndla/styled-system/jsx";
+import { styled } from "@ndla/styled-system/jsx";
 import { linkOverlay } from "@ndla/styled-system/patterns";
-import { FileListItem } from ".";
+import { FileListItem } from "./FileList";
 
 export interface FileProps extends ComponentPropsWithRef<"div"> {
   title: string;
@@ -45,8 +45,11 @@ const StyledSafeLink = styled(SafeLink, {
   },
 });
 
-const StyledHStack = styled(HStack, {
+const FileContainer = styled("div", {
   base: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
     position: "relative",
     paddingBlock: "small",
     paddingInlineEnd: "medium",
@@ -55,6 +58,14 @@ const StyledHStack = styled(HStack, {
   },
 });
 
+const InfoContainer = styled("div", {
+  base: {
+    display: "flex",
+    gap: "xxsmall",
+    alignItems: "center",
+  },
+});
+
 export const File = forwardRef<HTMLDivElement, FileProps>(
   ({ title, url, fileExists, fileType, fileSize, ...rest }, ref) => {
     const { t } = useTranslation();
@@ -63,8 +74,8 @@ export const File = forwardRef<HTMLDivElement, FileProps>(
     const tooltip = `${t("download")} ${filename}`;
 
     return (
-      <StyledHStack justify="space-between" ref={ref} {...rest}>
-        <HStack gap="xxsmall">
+      <FileContainer ref={ref} {...rest}>
+        <InfoContainer>
           <DownloadLine />
           {fileExists ? (
             <StyledSafeLink unstyled css={linkOverlay.raw()} to={downloadUrl} title={tooltip}>
@@ -76,11 +87,11 @@ export const File = forwardRef<HTMLDivElement, FileProps>(
           <Text textStyle="label.large" asChild consumeCss>
             <span>({fileType?.toUpperCase()})</span>
           </Text>
-        </HStack>
+        </InfoContainer>
         <Text textStyle="label.large" asChild consumeCss>
           <span>{fileSize}</span>
         </Text>
-      </StyledHStack>
+      </FileContainer>
     );
   },
 );

package/src/LinkBlock/LinkBlock.stories.tsx

@@ -7,8 +7,8 @@
  */
 
 import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import { LinkBlockSection } from ".";
 import LinkBlock from "./LinkBlock";
+import LinkBlockSection from "./LinkBlockSection";
 
 export default {
   title: "Components/Link Block",

package/src/Pitch/Pitch.stories.tsx

@@ -9,8 +9,8 @@
 import type { Meta } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import { Pitch, type Props } from "./Pitch";
-import { ArticleContent, ArticleWrapper } from "../Article";
-import { Grid } from "../Grid";
+import { ArticleContent, ArticleWrapper } from "../Article/Article";
+import { Grid } from "../Grid/Grid";
 
 const args: Props = {
   title: "Min pitch",

package/src/index.ts

@@ -11,38 +11,30 @@
 
 export { Concept } from "./Concept/Concept";
 
-export {
-  ImageEmbed,
-  getCrop,
-  getFocalPoint,
-  AudioEmbed,
-  H5pEmbed,
-  ExternalEmbed,
-  IframeEmbed,
-  FootnoteEmbed,
-  BrightcoveEmbed,
-  ContentLinkEmbed,
-  RelatedContentEmbed,
-  ConceptEmbed,
-  UnknownEmbed,
-  InlineConcept,
-  BlockConcept,
-  UuDisclaimerEmbed,
-  CopyrightEmbed,
-  CodeEmbed,
-  InlineTriggerButton,
-  ConceptInlineTriggerButton,
-  EmbedWrapper,
-} from "./Embed";
-
-export type { EmbedWrapperProps, EmbedWrapperVariantProps } from "./Embed";
-
-export { LicenseLink, EmbedByline } from "./LicenseByline";
+export { default as ImageEmbed, getCrop, getFocalPoint } from "./Embed/ImageEmbed";
+export { InlineTriggerButton } from "./Embed/InlineTriggerButton";
+export { default as AudioEmbed } from "./Embed/AudioEmbed";
+export { default as H5pEmbed } from "./Embed/H5pEmbed";
+export { default as ExternalEmbed } from "./Embed/ExternalEmbed";
+export { default as IframeEmbed } from "./Embed/IframeEmbed";
+export { default as FootnoteEmbed } from "./Embed/FootnoteEmbed";
+export { default as BrightcoveEmbed } from "./Embed/BrightcoveEmbed";
+export { default as ContentLinkEmbed } from "./Embed/ContentLinkEmbed";
+export { default as RelatedContentEmbed } from "./Embed/RelatedContentEmbed";
+export { ConceptEmbed, InlineConcept, BlockConcept } from "./Embed/ConceptEmbed";
+export { default as UnknownEmbed } from "./Embed/UnknownEmbed";
+export { default as UuDisclaimerEmbed } from "./Embed/UuDisclaimerEmbed";
+export { default as CopyrightEmbed } from "./Embed/CopyrightEmbed";
+export { default as CodeEmbed } from "./Embed/CodeEmbed";
+export { ConceptInlineTriggerButton } from "./Embed/ConceptInlineTriggerButton";
+export { EmbedWrapper } from "./Embed/EmbedWrapper";
+export type { EmbedWrapperVariantProps, EmbedWrapperProps } from "./Embed/EmbedWrapper";
+export type { HeartButtonType, CanonicalUrlFuncs, RenderContext } from "./Embed/types";
+
+export { LicenseLink } from "./LicenseByline/LicenseLink";
+export { EmbedByline } from "./LicenseByline/EmbedByline";
 
 export {
-  ArticleByline,
-  ArticleBylineAccordionItem,
-  ArticleFootNotes,
   ArticleWrapper,
   Article,
   ArticleFooter,
@@ -50,24 +42,24 @@ export {
   ArticleContent,
   ArticleHGroup,
   ArticleTitle,
-} from "./Article";
-
-export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
+} from "./Article/Article";
 
-export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
+export { ArticleByline, ArticleBylineAccordionItem } from "./Article/ArticleByline";
+export { ArticleFootNotes } from "./Article/ArticleFootNotes";
 
-export { default as ErrorMessage } from "./ErrorMessage";
+export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
 
-export { FileListEmbed, File, PdfFile, FileListItem, FileListElement, FileListWrapper } from "./FileList";
+export { RelatedArticleList, RelatedArticle } from "./RelatedArticleList/RelatedArticleList";
 
-export { default as FactBox } from "./FactBox";
+export { FileListEmbed, FileListItem, FileListWrapper } from "./FileList/FileList";
+export { File, FileListElement } from "./FileList/File";
+export { PdfFile } from "./FileList/PdfFile";
 
-export type { ContentTypeHeroProps } from "./ContentTypeHero";
-export { ContentTypeHero } from "./ContentTypeHero";
+export { default as FactBox } from "./FactBox/FactBox";
 
-export { ResourceBox } from "./ResourceBox";
+export { ResourceBox } from "./ResourceBox/ResourceBox";
 
-export { default as AudioPlayer } from "./AudioPlayer";
+export { default as AudioPlayer } from "./AudioPlayer/AudioPlayer";
 
 export { default as constants } from "./model";
 
@@ -76,11 +68,12 @@ export { default as messagesNN } from "./locale/messages-nn";
 export { default as messagesEN } from "./locale/messages-en";
 export { default as messagesSE } from "./locale/messages-se";
 
-export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
-export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from "./Breadcrumb";
+export { default as Breadcrumb } from "./Breadcrumb/Breadcrumb";
+export { default as HomeBreadcrumb } from "./Breadcrumb/HomeBreadcrumb";
+export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from "./Breadcrumb/BreadcrumbItem";
 
+export { formatNestedMessages } from "./i18n/formatNestedMessages";
 export {
-  formatNestedMessages,
   useTagsInputTranslations,
   useTagSelectorTranslations,
   useComboboxTranslations,
@@ -89,18 +82,12 @@ export {
   useImageSearchTranslations,
   useVideoSearchTranslations,
   useDatePickerTranslations,
-} from "./i18n";
+} from "./i18n/useComponentTranslations";
 
 export type { ContentTypeBadgeProps, StrictContentType, ContentType } from "./ContentTypeBadge/ContentTypeBadge";
 export { ContentTypeBadge, contentTypeToBadgeVariantMap } from "./ContentTypeBadge/ContentTypeBadge";
 
-export { ContentTypeBlockQuote } from "./ContentTypeBlockQuote/ContentTypeBlockQuote";
-export { type ContentTypeBlockQuoteVariant } from "./ContentTypeBlockQuote/ContentTypeBlockQuote";
-
-export { ContentTypeFramedContent } from "./ContentTypeFramedContent/ContentTypeFramedContent";
-export { type ContentTypeFramedContentVariant } from "./ContentTypeFramedContent/ContentTypeFramedContent";
-
-export { default as CopyParagraphButton } from "./CopyParagraphButton";
+export { default as CopyParagraphButton } from "./CopyParagraphButton/CopyParagraphButton";
 
 export type { TagSelectorControlProps, TagSelectorInputProps, TagSelectorRootProps } from "./TagSelector/TagSelector";
 
@@ -115,22 +102,25 @@ export {
   TagSelectorInput,
 } from "./TagSelector/TagSelector";
 
-export { Pitch } from "./Pitch";
-export { KeyFigure } from "./KeyFigure";
-export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
-export type { ContactBlockBackground } from "./ContactBlock";
-export type { HeartButtonType, CanonicalUrlFuncs, RenderContext } from "./Embed";
-export { CampaignBlock } from "./CampaignBlock";
-export { Grid, GridParallaxItem } from "./Grid";
-export type { GridType } from "./Grid";
+export { Pitch } from "./Pitch/Pitch";
+export { default as KeyFigure } from "./KeyFigure/KeyFigure";
+export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock/ContactBlock";
+export type { ContactBlockBackground } from "./ContactBlock/ContactBlock";
+export { default as CampaignBlock } from "./CampaignBlock/CampaignBlock";
+export { Grid } from "./Grid/Grid";
+export { GridParallaxItem } from "./Grid/GridParallaxItem";
+export type { GridProps as GridType } from "./Grid/Grid";
 
-export { Gloss, GlossExample } from "./Gloss";
+export { default as Gloss } from "./Gloss/Gloss";
+export { default as GlossExample } from "./Gloss/GlossExample";
 
-export { LinkBlock, LinkBlockSection } from "./LinkBlock";
+export { default as LinkBlock } from "./LinkBlock/LinkBlock";
+export { default as LinkBlockSection } from "./LinkBlock/LinkBlockSection";
 
 export type { Article as ArticleType, HeadingLevel } from "./types";
 
-export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
+export { default as CodeBlock } from "./CodeBlock/CodeBlock";
+export { codeLanguageOptions } from "./CodeBlock/codeLanguageOptions";
 
 export { ZendeskButton } from "./ZendeskButton/ZendeskButton";
 

package/es/AudioPlayer/index.mjs

@@ -1,8 +0,0 @@
-import { AudioPlayer_default$1 as AudioPlayer_default } from "./AudioPlayer.mjs";
-
-//#region src/AudioPlayer/index.ts
-var AudioPlayer_default$1 = AudioPlayer_default;
-
-//#endregion
-export { AudioPlayer_default$1 as AudioPlayer_default };
-//# sourceMappingURL=index.mjs.map

package/es/AudioPlayer/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["AudioPlayer"],"sources":["../../src/AudioPlayer/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2021-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport AudioPlayer from \"./AudioPlayer\";\n\nexport default AudioPlayer;\n"],"mappings":";;;AAUA,4BAAeA"}

package/es/Breadcrumb/index.mjs

@@ -1,9 +0,0 @@
-import { Breadcrumb_default$1 as Breadcrumb_default } from "./Breadcrumb.mjs";
-import { HomeBreadcrumb_default } from "./HomeBreadcrumb.mjs";
-
-//#region src/Breadcrumb/index.ts
-var Breadcrumb_default$1 = Breadcrumb_default;
-
-//#endregion
-export { Breadcrumb_default$1 as Breadcrumb_default };
-//# sourceMappingURL=index.mjs.map

package/es/Breadcrumb/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Breadcrumb"],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2016-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport Breadcrumb from \"./Breadcrumb\";\n\nexport type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from \"./BreadcrumbItem\";\n\nexport { default as HomeBreadcrumb } from \"./HomeBreadcrumb\";\n\nexport default Breadcrumb;\n"],"mappings":";;;;AAcA,2BAAeA"}