@biblioteksentralen/react 3.1.0 → 4.0.0-beta.0

package/dist/ButtonStyles-7ASDoOwZ.d.mts

@@ -0,0 +1,3 @@
+type CustomButtonVariants = "primary" | "secondary" | "tertiary";
+
+export type { CustomButtonVariants as C };

package/dist/ButtonStyles-7ASDoOwZ.d.ts

@@ -0,0 +1,3 @@
+type CustomButtonVariants = "primary" | "secondary" | "tertiary";
+
+export type { CustomButtonVariants as C };

package/dist/chunk-2KZDHLEJ.mjs

@@ -0,0 +1,10 @@
+"use client";
+
+// src/components/ConditionalWrapperBS.tsx
+import React from "react";
+var ConditionalWrapperBS = ({ condition, children, wrapper: Wrapper }) => condition ? /* @__PURE__ */ React.createElement(Wrapper, null, children) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+
+export {
+  ConditionalWrapperBS
+};
+//# sourceMappingURL=chunk-2KZDHLEJ.mjs.map

package/dist/chunk-2KZDHLEJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ConditionalWrapperBS.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  wrapper: FunctionComponent<{ children: ReactNode }>;\n  condition: boolean;\n};\n\n/**\n * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.\n */\nexport const ConditionalWrapperBS: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n  condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n"],"mappings":";;;AAAA,OAAO,WAA6C;AAW7C,IAAM,uBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,QAAQ,MACrG,YAAY,oCAAC,eAAS,QAAS,IAAa,0DAAG,QAAS;","names":[]}

package/dist/chunk-3IJ454KG.mjs

@@ -0,0 +1,39 @@
+"use client";
+import {
+  AlertBS
+} from "./chunk-QX75QJ7F.mjs";
+import {
+  isDevelopment
+} from "./chunk-BN5W6FVN.mjs";
+
+// src/components/ErrorBoundaryBS.tsx
+import { Box } from "@chakra-ui/react";
+import React from "react";
+var StyledPre = (props) => /* @__PURE__ */ React.createElement(Box, { as: "pre", paddingTop: "0.5rem", wordBreak: "break-all", whiteSpace: "pre-wrap", fontSize: "0.8rem", ...props });
+var ErrorBoundaryBS = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ hasError: true, error, errorInfo });
+    console.error(error, { errorInfo, boundaryName: this.props.boundaryName });
+  }
+  render() {
+    if (this.state.hasError) {
+      const stackTrace = this.state.errorInfo?.componentStack;
+      const errormsg = this.state.error?.message;
+      const info = this.props.boundaryName;
+      return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AlertBS, { status: "error" }, /* @__PURE__ */ React.createElement("p", null, "Beklager, det skjedde en teknisk feil."), isDevelopment() && (stackTrace || errormsg) && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ React.createElement(StyledPre, null, info || ""), /* @__PURE__ */ React.createElement(StyledPre, null, stackTrace || ""))));
+    }
+    return this.props.children;
+  }
+};
+
+export {
+  ErrorBoundaryBS
+};
+//# sourceMappingURL=chunk-3IJ454KG.mjs.map

package/dist/chunk-3IJ454KG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ErrorBoundaryBS.tsx"],"sourcesContent":["import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { AlertBS } from \"./AlertBS\";\n\ninterface Props {\n  boundaryName?: string;\n  children: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n  error?: Error;\n  errorInfo?: ErrorInfo;\n}\n\nconst StyledPre = (props: BoxProps) => (\n  <Box as=\"pre\" paddingTop=\"0.5rem\" wordBreak=\"break-all\" whiteSpace=\"pre-wrap\" fontSize=\"0.8rem\" {...props} />\n);\n\nexport class ErrorBoundaryBS extends React.Component<Props, State> {\n  constructor(props: any) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error: any) {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: any, errorInfo: any) {\n    this.setState({ hasError: true, error, errorInfo });\n    console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      const stackTrace = this.state.errorInfo?.componentStack;\n      const errormsg = this.state.error?.message;\n      const info = this.props.boundaryName;\n\n      return (\n        <div>\n          <AlertBS status=\"error\">\n            <p>Beklager, det skjedde en teknisk feil.</p>\n            {isDevelopment() && (stackTrace || errormsg) && (\n              <div>\n                <StyledPre>{errormsg || \"\"}</StyledPre>\n                <StyledPre>{info || \"\"}</StyledPre>\n                <StyledPre>{stackTrace || \"\"}</StyledPre>\n              </div>\n            )}\n          </AlertBS>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;;;;;;AACA,SAAS,WAAqB;AAC9B,OAAO,WAAqC;AAc5C,IAAM,YAAY,CAAC,UACjB,oCAAC,OAAI,IAAG,OAAM,YAAW,UAAS,WAAU,aAAY,YAAW,YAAW,UAAS,UAAU,GAAG,OAAO;AAGtG,IAAM,kBAAN,cAA8B,MAAM,UAAwB;AAAA,EACjE,YAAY,OAAY;AACtB,UAAM,KAAK;AACX,SAAK,QAAQ,EAAE,UAAU,MAAM;AAAA,EACjC;AAAA,EAEA,OAAO,yBAAyB,OAAY;AAC1C,WAAO,EAAE,UAAU,KAAK;AAAA,EAC1B;AAAA,EAEA,kBAAkB,OAAY,WAAgB;AAC5C,SAAK,SAAS,EAAE,UAAU,MAAM,OAAO,UAAU,CAAC;AAClD,YAAQ,MAAM,OAAO,EAAE,WAAW,cAAc,KAAK,MAAM,aAAa,CAAC;AAAA,EAC3E;AAAA,EAEA,SAAS;AACP,QAAI,KAAK,MAAM,UAAU;AACvB,YAAM,aAAa,KAAK,MAAM,WAAW;AACzC,YAAM,WAAW,KAAK,MAAM,OAAO;AACnC,YAAM,OAAO,KAAK,MAAM;AAExB,aACE,oCAAC,aACC,oCAAC,WAAQ,QAAO,WACd,oCAAC,WAAE,wCAAsC,GACxC,cAAc,MAAM,cAAc,aACjC,oCAAC,aACC,oCAAC,iBAAW,YAAY,EAAG,GAC3B,oCAAC,iBAAW,QAAQ,EAAG,GACvB,oCAAC,iBAAW,cAAc,EAAG,CAC/B,CAEJ,CACF;AAAA,IAEJ;AAEA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","names":[]}

package/dist/chunk-5GJBW3WE.mjs

@@ -0,0 +1,229 @@
+"use client";
+import {
+  colors
+} from "./chunk-BN5W6FVN.mjs";
+
+// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
+import { defineConfig, defineTokens } from "@chakra-ui/react";
+
+// src/styles/chakraTheme/ButtonStyles.ts
+import { defaultConfig, defineRecipe } from "@chakra-ui/react";
+var variants = {
+  primary: {
+    backgroundColor: colors.black,
+    color: "white",
+    _hover: {
+      backgroundColor: "hsla(0deg, 0%, 70%, 1)",
+      color: "black"
+    }
+  },
+  secondary: {
+    borderColor: "currentColor",
+    color: "currentColor",
+    backgroundColor: "transparent",
+    _hover: {
+      backgroundColor: "currentColor/7"
+    }
+  },
+  tertiary: {
+    color: "currentColor",
+    backgroundColor: "transparent",
+    _hover: {
+      backgroundColor: "currentColor/7"
+    }
+  },
+  // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.
+  ...defaultConfig.theme?.recipes?.button?.variants?.variant
+};
+var ButtonStyles = defineRecipe({
+  base: {
+    borderColor: "transparent",
+    borderWidth: "0.1em",
+    fontWeight: 600,
+    _disabled: {
+      backgroundColor: `${colors.grey45}`,
+      color: "white",
+      opacity: 1
+    }
+  },
+  variants: {
+    variant: variants,
+    size: {
+      sm: {
+        h: "8",
+        px: "2",
+        textStyle: "md"
+      },
+      md: {
+        textStyle: "md"
+      },
+      lg: {
+        h: "12",
+        textStyle: "lg"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+
+// src/styles/chakraTheme/ContainerStyles.ts
+import { defineRecipe as defineRecipe2 } from "@chakra-ui/react";
+var ContainerStyles = defineRecipe2({
+  base: {
+    px: ".75rem"
+    // Padding left/right
+  }
+});
+
+// src/styles/chakraTheme/HeadingStyles.ts
+import { defineRecipe as defineRecipe3 } from "@chakra-ui/react";
+var HeadingStyles = defineRecipe3({
+  base: {
+    fontWeight: "600"
+  }
+});
+
+// src/styles/chakraTheme/InputStyles.ts
+import { defineRecipe as defineRecipe4 } from "@chakra-ui/react";
+var variants2 = {
+  subtle: {
+    backgroundColor: { _light: "gray.200", _dark: "whiteAlpha.100" },
+    _hover: {
+      bg: { _light: "gray.300", _dark: "whiteAlpha.200" }
+    }
+  },
+  outline: {
+    borderColor: { _light: "gray.300", _dark: "whiteAlpha.300" },
+    _hover: {
+      borderColor: { _light: "gray.400", _dark: "whiteAlpha.400" }
+    }
+  },
+  flushed: {
+    borderColor: { _light: "gray.300", _dark: "whiteAlpha.300" },
+    _hover: {
+      borderColor: { _light: "gray.400", _dark: "whiteAlpha.400" }
+    }
+  }
+};
+var InputStyles = defineRecipe4({
+  base: {
+    _placeholder: {
+      color: { _light: "gray.500", _dark: "whiteAlpha.500" }
+    }
+  },
+  variants: {
+    variant: variants2
+  },
+  defaultVariants: {
+    variant: "subtle"
+  }
+});
+
+// src/styles/chakraTheme/SpinnerStyles.ts
+import { defineRecipe as defineRecipe5 } from "@chakra-ui/react";
+var SpinnerStyles = defineRecipe5({
+  base: {
+    animationDuration: ".8s",
+    color: colors.accentBlueMedium,
+    // Todo: Legg til trackColor: https://chakra-ui.com/docs/components/spinner#track-color
+    borderWidth: ".175em"
+  }
+});
+
+// src/styles/chakraTheme/sizes.ts
+var container = {
+  sm: { value: "40rem" },
+  md: { value: "48rem" },
+  lg: { value: "56rem" },
+  // Forsøker 56rem som standardbredde etter testing med Katrine
+  xl: { value: "80rem" }
+};
+var sizes = {
+  container
+};
+
+// src/styles/chakraTheme/LinkStyles.ts
+import { defineRecipe as defineRecipe6 } from "@chakra-ui/react";
+var variants3 = {
+  plain: {
+    color: "currentColor",
+    textDecoration: "none",
+    textDecorationColor: "currentColor",
+    _hover: {
+      textDecorationColor: "currentColor",
+      textDecoration: "underline"
+    }
+  },
+  underline: {
+    color: "currentColor",
+    textDecoration: "underline",
+    textDecorationColor: "currentColor",
+    _hover: {
+      textDecoration: "none"
+    }
+  }
+};
+var LinkStyles = defineRecipe6({
+  base: {
+    _focus: {
+      outline: "none"
+    }
+  },
+  variants: {
+    variant: variants3
+  },
+  defaultVariants: {
+    variant: "underline"
+  }
+});
+
+// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
+var tokens = defineTokens({
+  sizes
+});
+var globalHyphens = {
+  hyphens: "auto",
+  hyphenateLimitChars: "8 5 3"
+  // minimum word-length / min letters first line / min letters second line
+};
+var focusStyle = {
+  outline: "none !important",
+  boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,
+  transition: "box-shadow 0.1s ease-out"
+  // Transition makes the newly focused element "pop in" and easier to spot
+};
+var biblioteksentralenChakraTheme = defineConfig({
+  theme: {
+    tokens,
+    recipes: {
+      heading: HeadingStyles,
+      button: ButtonStyles,
+      input: InputStyles,
+      link: LinkStyles,
+      container: ContainerStyles,
+      spinner: SpinnerStyles
+    }
+  },
+  globalCss: {
+    html: {
+      fontSize: { base: "112.5%", md: "120%" },
+      // Sørger for smooth scrolling for interne lenker som scroller til annet sted på siden,
+      // men ikke hvis fokus er utenfor viduet, feks ved søk i tekst (ctrl + f)
+      "&:focus-within": { scrollBehavior: "smooth !important" }
+    },
+    body: {
+      ...globalHyphens
+    },
+    // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus
+    "*:focus-visible": focusStyle
+  }
+});
+
+export {
+  focusStyle,
+  biblioteksentralenChakraTheme
+};
+//# sourceMappingURL=chunk-5GJBW3WE.mjs.map

package/dist/chunk-5GJBW3WE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../src/styles/chakraTheme/ButtonStyles.ts","../src/styles/chakraTheme/ContainerStyles.ts","../src/styles/chakraTheme/HeadingStyles.ts","../src/styles/chakraTheme/InputStyles.ts","../src/styles/chakraTheme/SpinnerStyles.ts","../src/styles/chakraTheme/sizes.ts","../src/styles/chakraTheme/LinkStyles.ts"],"sourcesContent":["import { defineConfig, defineTokens } from \"@chakra-ui/react\";\nimport { ButtonStyles } from \"./ButtonStyles\";\nimport { ContainerStyles } from \"./ContainerStyles\";\nimport { HeadingStyles } from \"./HeadingStyles\";\nimport { InputStyles } from \"./InputStyles\";\nimport { SpinnerStyles } from \"./SpinnerStyles\";\nimport { sizes } from \"./sizes\";\nimport { LinkStyles } from \"./LinkStyles\";\nimport { colors } from \"@biblioteksentralen/utils\";\n\nconst tokens = defineTokens({\n  sizes,\n});\n\n// https://blog.logrocket.com/guide-css-word-wrap-overflow-wrap-word-break/\n// https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179\n// Skrur på hyphens auto som default fordi vi har masse mikrotekster og små elementer der layout knekker uten dette, og vi lager stadig nye og glemmer å ta hensyn til dette.\n// Så kan man optionaly sette hyphens: none de stedene man ikke ønsker det, men har ikke sett noe som knekker/blir rart pga dette enda\nconst globalHyphens = {\n  hyphens: \"auto\",\n  hyphenateLimitChars: \"8 5 3\", // minimum word-length / min letters first line / min letters second line\n};\n\nexport const focusStyle = {\n  outline: \"none !important\",\n  boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,\n  transition: \"box-shadow 0.1s ease-out\", // Transition makes the newly focused element \"pop in\" and easier to spot\n};\n\nexport const biblioteksentralenChakraTheme = defineConfig({\n  theme: {\n    tokens,\n    recipes: {\n      heading: HeadingStyles,\n      button: ButtonStyles,\n      input: InputStyles,\n      link: LinkStyles,\n      container: ContainerStyles,\n      spinner: SpinnerStyles,\n    },\n  },\n  globalCss: {\n    html: {\n      fontSize: { base: \"112.5%\", md: \"120%\" },\n      // Sørger for smooth scrolling for interne lenker som scroller til annet sted på siden,\n      // men ikke hvis fokus er utenfor viduet, feks ved søk i tekst (ctrl + f)\n      \"&:focus-within\": { scrollBehavior: \"smooth !important\" },\n    },\n    body: {\n      ...globalHyphens,\n    },\n    // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n    \"*:focus-visible\": focusStyle,\n  },\n});\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defaultConfig, defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomButtonVariants = \"primary\" | \"secondary\" | \"tertiary\";\n\nconst variants: Record<CustomButtonVariants, SystemStyleObject> = {\n  primary: {\n    backgroundColor: colors.black,\n    color: \"white\",\n    _hover: {\n      backgroundColor: \"hsla(0deg, 0%, 70%, 1)\",\n      color: \"black\",\n    },\n  },\n  secondary: {\n    borderColor: \"currentColor\",\n    color: \"currentColor\",\n    backgroundColor: \"transparent\",\n    _hover: {\n      backgroundColor: \"currentColor/7\",\n    },\n  },\n  tertiary: {\n    color: \"currentColor\",\n    backgroundColor: \"transparent\",\n    _hover: {\n      backgroundColor: \"currentColor/7\",\n    },\n  },\n  // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n  ...defaultConfig.theme?.recipes?.button?.variants?.variant,\n};\n\nexport const ButtonStyles = defineRecipe({\n  base: {\n    borderColor: \"transparent\",\n    borderWidth: \"0.1em\",\n    fontWeight: 600,\n    _disabled: {\n      backgroundColor: `${colors.grey45}`,\n      color: \"white\",\n      opacity: 1,\n    },\n  },\n  variants: {\n    variant: variants,\n    size: {\n      sm: {\n        h: \"8\",\n        px: \"2\",\n        textStyle: \"md\",\n      },\n      md: {\n        textStyle: \"md\",\n      },\n      lg: {\n        h: \"12\",\n        textStyle: \"lg\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    size: \"md\",\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const ContainerStyles = defineRecipe({\n  base: {\n    px: \".75rem\", // Padding left/right\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const HeadingStyles = defineRecipe({\n  base: {\n    fontWeight: \"600\",\n  },\n});\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nconst variants: Record<string, SystemStyleObject> = {\n  subtle: {\n    backgroundColor: { _light: \"gray.200\", _dark: \"whiteAlpha.100\" },\n    _hover: {\n      bg: { _light: \"gray.300\", _dark: \"whiteAlpha.200\" },\n    },\n  },\n  outline: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n  flushed: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n};\n\nexport const InputStyles = defineRecipe({\n  base: {\n    _placeholder: {\n      color: { _light: \"gray.500\", _dark: \"whiteAlpha.500\" },\n    },\n  },\n  variants: {\n    variant: variants,\n  },\n  defaultVariants: {\n    variant: \"subtle\",\n  },\n});\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defineRecipe } from \"@chakra-ui/react\";\n\nexport const SpinnerStyles = defineRecipe({\n  base: {\n    animationDuration: \".8s\",\n    color: colors.accentBlueMedium,\n    // Todo: Legg til trackColor: https://chakra-ui.com/docs/components/spinner#track-color\n    borderWidth: \".175em\",\n  },\n});\n","const container = {\n  sm: { value: \"40rem\" },\n  md: { value: \"48rem\" },\n  lg: { value: \"56rem\" }, // Forsøker 56rem som standardbredde etter testing med Katrine\n  xl: { value: \"80rem\" },\n};\n\nexport const sizes = {\n  container,\n};\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomLinkVariants = \"plain\" | \"underline\";\n\nconst variants: Record<CustomLinkVariants, SystemStyleObject> = {\n  plain: {\n    color: \"currentColor\",\n    textDecoration: \"none\",\n    textDecorationColor: \"currentColor\",\n    _hover: {\n      textDecorationColor: \"currentColor\",\n      textDecoration: \"underline\",\n    },\n  },\n  underline: {\n    color: \"currentColor\",\n    textDecoration: \"underline\",\n    textDecorationColor: \"currentColor\",\n    _hover: {\n      textDecoration: \"none\",\n    },\n  },\n};\n\nexport const LinkStyles = defineRecipe({\n  base: {\n    _focus: {\n      outline: \"none\",\n    },\n  },\n  variants: {\n    variant: variants,\n  },\n  defaultVariants: {\n    variant: \"underline\",\n  },\n});\n"],"mappings":"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","names":["defineRecipe","defineRecipe","defineRecipe","variants","defineRecipe","defineRecipe","variants"]}

package/dist/chunk-7MKFY66H.mjs

@@ -0,0 +1,44 @@
+"use client";
+import {
+  focusStyle
+} from "./chunk-5GJBW3WE.mjs";
+
+// src/components/HashLinkTargetBS.tsx
+import { Box } from "@chakra-ui/react";
+import React from "react";
+var focusOnRelativeParentStyle = {
+  _focusWithin: {
+    position: "static",
+    boxShadow: "none",
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      height: "100%",
+      width: "100%",
+      pointerEvents: "none",
+      borderRadius: "0.25rem",
+      ...focusStyle
+    }
+  }
+};
+function HashLinkTargetBS(props) {
+  return /* @__PURE__ */ React.createElement(Box, { position: "relative", css: props.focusOnParent ? focusOnRelativeParentStyle : void 0 }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      id: props.id,
+      tabIndex: props.focusOnParent ? -1 : void 0,
+      position: "absolute",
+      top: `-${props.spaceAbove || "2.5rem"}`,
+      _focus: {
+        boxShadow: "none !important"
+      }
+    }
+  ));
+}
+
+export {
+  HashLinkTargetBS
+};
+//# sourceMappingURL=chunk-7MKFY66H.mjs.map

package/dist/chunk-7MKFY66H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HashLinkTargetBS.tsx"],"sourcesContent":["import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { focusStyle } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\n\ninterface Props {\n  id: string;\n  /**\n   * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'\n   */\n  spaceAbove?: string;\n  /**\n   * angir om du vil ha fokusramme rundt komponenten som mounter HashLinkTarget. Da må komponenten du wrapper med ha position: relative | absolute el\n   */\n  focusOnParent?: boolean;\n}\n\nconst focusOnRelativeParentStyle = {\n  _focusWithin: {\n    position: \"static\",\n    boxShadow: \"none\",\n    \"&::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      height: \"100%\",\n      width: \"100%\",\n      pointerEvents: \"none\",\n      borderRadius: \"0.25rem\",\n      ...focusStyle,\n    },\n  },\n};\n\n/*\n * Komponent som sørger for luft over anchors (elementer man kan lenke til med hash-lenker feks <a href=\"#min-overskrift\">Ta meg til overskrift</a>)\n */\nexport function HashLinkTargetBS(props: Props) {\n  return (\n    <Box position=\"relative\" css={props.focusOnParent ? focusOnRelativeParentStyle : undefined}>\n      <Box\n        id={props.id}\n        tabIndex={props.focusOnParent ? -1 : undefined}\n        position=\"absolute\"\n        top={`-${props.spaceAbove || \"2.5rem\"}`}\n        _focus={{\n          boxShadow: \"none !important\",\n        }}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAS,WAAW;AACpB,OAAO,WAAW;AAelB,IAAM,6BAA6B;AAAA,EACjC,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,eAAe;AAAA,MACf,cAAc;AAAA,MACd,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAKO,SAAS,iBAAiB,OAAc;AAC7C,SACE,oCAAC,OAAI,UAAS,YAAW,KAAK,MAAM,gBAAgB,6BAA6B,UAC/E;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV,UAAU,MAAM,gBAAgB,KAAK;AAAA,MACrC,UAAS;AAAA,MACT,KAAK,IAAI,MAAM,cAAc,QAAQ;AAAA,MACrC,QAAQ;AAAA,QACN,WAAW;AAAA,MACb;AAAA;AAAA,EACF,CACF;AAEJ;","names":[]}

package/dist/chunk-BCT5QU5W.js

@@ -0,0 +1,142 @@
+"use strict";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+"use client";
+var _chunkQAW4IRLIjs = require("./chunk-QAW4IRLI.js");
+// src/components/AlertBS.tsx
+var _react = require("@chakra-ui/react");
+var _react3 = require("react");
+var _react4 = _interopRequireDefault(_react3);
+var _reactfeather = require("react-feather");
+var colorLookup = {
+    info: {
+        bg: _chunkQAW4IRLIjs.colors.lightBlue,
+        color: _chunkQAW4IRLIjs.colors.accentBlueMedium
+    },
+    warning: {
+        bg: _chunkQAW4IRLIjs.colors.statusYellowLight,
+        color: _chunkQAW4IRLIjs.colors.statusYellow
+    },
+    success: {
+        bg: _chunkQAW4IRLIjs.colors.statusGreenLight,
+        color: _chunkQAW4IRLIjs.colors.statusGreen
+    },
+    error: {
+        bg: _chunkQAW4IRLIjs.colors.statusRedLight,
+        color: _chunkQAW4IRLIjs.colors.statusRed
+    }
+};
+var iconLookup = {
+    info: /* @__PURE__ */ _react4.default.createElement(_reactfeather.Info, {
+        strokeWidth: 1.75,
+        role: "img",
+        "aria-label": "Informasjon"
+    }),
+    warning: /* @__PURE__ */ _react4.default.createElement(_reactfeather.AlertCircle, {
+        strokeWidth: 1.75,
+        role: "img",
+        "aria-label": "Advarsel"
+    }),
+    success: /* @__PURE__ */ _react4.default.createElement(_reactfeather.CheckCircle, {
+        strokeWidth: 1.75,
+        role: "img",
+        "aria-label": "Suksess"
+    }),
+    error: /* @__PURE__ */ _react4.default.createElement(_reactfeather.XCircle, {
+        strokeWidth: 1.75,
+        role: "img",
+        "aria-label": "Feil"
+    })
+};
+var variantStyles = {
+    inline: {
+        borderColor: "transparent",
+        backgroundColor: "transparent",
+        padding: "0"
+    }
+};
+function AlertBS(_param) {
+    var status = _param.status, children = _param.children, variant = _param.variant, header = _param.header, rest = _object_without_properties(_param, [
+        "status",
+        "children",
+        "variant",
+        "header"
+    ]);
+    var colors2 = colorLookup[status];
+    return /* @__PURE__ */ _react4.default.createElement(_react.Alert.Root, _object_spread({
+        status: status,
+        fontSize: "md",
+        border: "0.1rem solid",
+        borderColor: colors2.color,
+        backgroundColor: colors2.bg,
+        display: "flex",
+        flexWrap: "wrap"
+    }, variant === "inline" ? variantStyles[variant] : {}, rest), /* @__PURE__ */ _react4.default.createElement(_react.Alert.Indicator, {
+        marginX: "auto"
+    }, iconLookup[status]), /* @__PURE__ */ _react4.default.createElement(_react.Alert.Content, {
+        color: "black"
+    }, header && /* @__PURE__ */ _react4.default.createElement(_react.Alert.Title, null, header), /* @__PURE__ */ _react4.default.createElement(_react.Alert.Description, null, children)));
+}
+exports.AlertBS = AlertBS;
+//# sourceMappingURL=chunk-BCT5QU5W.js.map

package/dist/chunk-BCT5QU5W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AlertBS.tsx"],"names":["colors"],"mappings":";;;;;;AAEA,SAAyB,SAAS,mBAAsC;AACxE,OAAO,WAA0B;AACjC,SAAS,aAAa,aAAa,MAAM,eAAe;AAMxD,IAAM,cAA6D;AAAA,EACjE,MAAM,EAAE,IAAI,OAAO,WAAW,OAAO,OAAO,iBAAiB;AAAA,EAC7D,SAAS,EAAE,IAAI,OAAO,mBAAmB,OAAO,OAAO,aAAa;AAAA,EACpE,SAAS,EAAE,IAAI,OAAO,kBAAkB,OAAO,OAAO,YAAY;AAAA,EAClE,OAAO,EAAE,IAAI,OAAO,gBAAgB,OAAO,OAAO,UAAU;AAC9D;AAEA,IAAM,aAAiD;AAAA,EACrD,MAAM,oCAAC,QAAK,aAAa,MAAM,MAAK,OAAM,cAAW,eAAc;AAAA,EACnE,SAAS,oCAAC,eAAY,aAAa,MAAM,MAAK,OAAM,cAAW,YAAW;AAAA,EAC1E,SAAS,oCAAC,eAAY,aAAa,MAAM,MAAK,OAAM,cAAW,WAAU;AAAA,EACzE,OAAO,oCAAC,WAAQ,aAAa,MAAM,MAAK,OAAM,cAAW,QAAO;AAClE;AASA,IAAM,gBAA2D;AAAA,EAC/D,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,SAAS;AAAA,EACX;AACF;AAEO,SAAS,QAAQ,EAAE,QAAQ,UAAU,SAAS,QAAQ,GAAG,KAAK,GAAU;AAC7E,QAAMA,UAAS,YAAY,MAAM;AACjC,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC;AAAA,MACA,UAAS;AAAA,MACT,QAAQ;AAAA,MACR,aAAaA,QAAO;AAAA,MACpB,iBAAiBA,QAAO;AAAA,MACxB,SAAQ;AAAA,MACR,UAAS;AAAA,MACR,GAAI,YAAY,WAAW,cAAc,OAAO,IAAI,CAAC;AAAA,MACrD,GAAG;AAAA;AAAA,IAEJ,oCAAC,YAAY,WAAZ,EAAsB,SAAQ,UAAQ,WAAW,MAAM,CAAE;AAAA,IAC1D,oCAAC,YAAY,SAAZ,EAAoB,OAAM,WACxB,UAAU,oCAAC,YAAY,OAAZ,MAAmB,MAAO,GACtC,oCAAC,YAAY,aAAZ,MAAyB,QAAS,CACrC;AAAA,EACF;AAEJ","sourcesContent":["import { Modify } from \"@biblioteksentralen/types\";\nimport { colors } from \"@biblioteksentralen/utils\";\nimport { AlertRootProps, Alert as ChakraAlert, SystemStyleObject } from \"@chakra-ui/react\";\nimport React, { ReactNode } from \"react\";\nimport { AlertCircle, CheckCircle, Info, XCircle } from \"react-feather\";\n\ntype Status = \"info\" | \"warning\" | \"success\" | \"error\";\ntype CustomVariants = \"inline\";\ntype Variants = AlertRootProps[\"variant\"] | CustomVariants;\n\nconst colorLookup: Record<Status, { bg: string; color: string }> = {\n  info: { bg: colors.lightBlue, color: colors.accentBlueMedium },\n  warning: { bg: colors.statusYellowLight, color: colors.statusYellow },\n  success: { bg: colors.statusGreenLight, color: colors.statusGreen },\n  error: { bg: colors.statusRedLight, color: colors.statusRed },\n};\n\nconst iconLookup: Record<Status, React.ReactElement> = {\n  info: <Info strokeWidth={1.75} role=\"img\" aria-label=\"Informasjon\" />,\n  warning: <AlertCircle strokeWidth={1.75} role=\"img\" aria-label=\"Advarsel\" />,\n  success: <CheckCircle strokeWidth={1.75} role=\"img\" aria-label=\"Suksess\" />,\n  error: <XCircle strokeWidth={1.75} role=\"img\" aria-label=\"Feil\" />,\n};\n\ninterface Props extends Modify<AlertRootProps, { variant?: Variants }> {\n  children: ReactNode;\n  header?: ReactNode;\n  status: Status;\n  variant?: Variants;\n}\n\nconst variantStyles: Record<CustomVariants, SystemStyleObject> = {\n  inline: {\n    borderColor: \"transparent\",\n    backgroundColor: \"transparent\",\n    padding: \"0\",\n  },\n};\n\nexport function AlertBS({ status, children, variant, header, ...rest }: Props) {\n  const colors = colorLookup[status];\n  return (\n    <ChakraAlert.Root\n      status={status}\n      fontSize=\"md\"\n      border={`0.1rem solid`}\n      borderColor={colors.color}\n      backgroundColor={colors.bg}\n      display=\"flex\"\n      flexWrap=\"wrap\"\n      {...(variant === \"inline\" ? variantStyles[variant] : {})}\n      {...rest}\n    >\n      <ChakraAlert.Indicator marginX=\"auto\">{iconLookup[status]}</ChakraAlert.Indicator>\n      <ChakraAlert.Content color=\"black\">\n        {header && <ChakraAlert.Title>{header}</ChakraAlert.Title>}\n        <ChakraAlert.Description>{children}</ChakraAlert.Description>\n      </ChakraAlert.Content>\n    </ChakraAlert.Root>\n  );\n}\n"]}

package/dist/chunk-BN5W6FVN.mjs

@@ -0,0 +1,55 @@
+"use client";
+
+// ../utils/dist/index.mjs
+import { format } from "date-fns/format";
+import { nb } from "date-fns/locale/nb";
+var colors = {
+  black: "#000000",
+  grey90: "#181818",
+  grey80: "#333333",
+  grey60: "#585858",
+  grey45: "#8c8c8c",
+  grey30: "#b2b2b2",
+  grey15: "#d9d9d9",
+  grey10: "#e5e5e5",
+  grey05: "#f2f2f2",
+  white: "#ffffff",
+  bsR\u00F8dDark: "#870010",
+  bsR\u00F8dMedium: "#d53d40",
+  accentPurple: "#331433",
+  accentPeach: "#ffba99",
+  accentGreen: "#003b29",
+  accentBlueDark: "#001740",
+  accentBlueMedium: "#5996de",
+  accentYellow: "#ffc970",
+  lightBlue: "#dbe8ef",
+  lightGreen: "#dbe0db",
+  lightPeach: "#f4e7de",
+  lightPurple: "#ece8f3",
+  statusRed: "#ad313c",
+  statusYellow: "#bc5600",
+  statusGreen: "#24845b",
+  statusGreenLight: "#edf4f1",
+  statusRedLight: "#f8efef",
+  statusYellowLight: "#fff6e4",
+  neptune: {
+    "100": "#CFE6E8",
+    "200": "#9FCDD2",
+    "300": "#6FB5BB",
+    "400": "#3F9CA5",
+    "500": "#0F838E",
+    "600": "#0C6972",
+    "700": "#094F55",
+    "800": "#063439",
+    "900": "#031A1C"
+  }
+};
+function isDevelopment() {
+  return process.env.NODE_ENV === "development";
+}
+
+export {
+  colors,
+  isDevelopment
+};
+//# sourceMappingURL=chunk-BN5W6FVN.mjs.map

package/dist/chunk-BN5W6FVN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../utils/src/colors.ts","../../utils/src/date.ts","../../utils/src/environment.ts","../../utils/src/random.ts","../../utils/src/slugifyString.ts","../../utils/src/sort/common.ts","../../utils/src/sort/sortAlphabetical.ts","../../utils/src/sort/sortArrayInGroups.ts","../../utils/src/sort/sortByMultiple.ts"],"sourcesContent":["export const colors = {\n  black: \"#000000\",\n  grey90: \"#181818\",\n  grey80: \"#333333\",\n  grey60: \"#585858\",\n  grey45: \"#8c8c8c\",\n  grey30: \"#b2b2b2\",\n  grey15: \"#d9d9d9\",\n  grey10: \"#e5e5e5\",\n  grey05: \"#f2f2f2\",\n  white: \"#ffffff\",\n  bsRødDark: \"#870010\",\n  bsRødMedium: \"#d53d40\",\n  accentPurple: \"#331433\",\n  accentPeach: \"#ffba99\",\n  accentGreen: \"#003b29\",\n  accentBlueDark: \"#001740\",\n  accentBlueMedium: \"#5996de\",\n  accentYellow: \"#ffc970\",\n  lightBlue: \"#dbe8ef\",\n  lightGreen: \"#dbe0db\",\n  lightPeach: \"#f4e7de\",\n  lightPurple: \"#ece8f3\",\n  statusRed: \"#ad313c\",\n  statusYellow: \"#bc5600\",\n  statusGreen: \"#24845b\",\n  statusGreenLight: \"#edf4f1\",\n  statusRedLight: \"#f8efef\",\n  statusYellowLight: \"#fff6e4\",\n  neptune: {\n    \"100\": \"#CFE6E8\",\n    \"200\": \"#9FCDD2\",\n    \"300\": \"#6FB5BB\",\n    \"400\": \"#3F9CA5\",\n    \"500\": \"#0F838E\",\n    \"600\": \"#0C6972\",\n    \"700\": \"#094F55\",\n    \"800\": \"#063439\",\n    \"900\": \"#031A1C\",\n  },\n};\n","import { format } from \"date-fns/format\";\nimport { nb } from \"date-fns/locale/nb\";\n\nexport function formaterDato(dato?: string, dateFnsformat = \"Pp\") {\n  if (typeof dato !== \"string\") return \"Ukjent dato\";\n\n  try {\n    return format(new Date(dato), dateFnsformat, { locale: nb });\n  } catch (e) {\n    console.error(\"Kunne ikke formattere dato:\" + dato, e);\n    return dato;\n  }\n}\n","export function isDevelopment(): boolean {\n  return process.env.NODE_ENV === \"development\";\n}\n\nexport function isClient(): boolean {\n  return typeof window !== \"undefined\";\n}\n\nexport function isServer(): boolean {\n  return !isClient();\n}\n","export function randomFromArray<T>(array: T[]): T {\n  return array[Math.floor(Math.random() * array.length)];\n}\n\nexport function seededRandomFromArray<T>(array: T[], seed: string): T {\n  return array[Math.floor(seededRandom(seed) * array.length)];\n}\n\n// Returns a pseudo-random floating-point number in the range [0.0 -> 1.0] from a string seed\n// TODO, ser ikke ut til å gi helt jevn fordeling mellom 0 og 1, trenger kanskje litt kjærlighet\nexport function seededRandom(seed: string) {\n  // Oversetter ikke-numeriske tegn til tall så de kan brukes som seed\n  const numericSeed = Number(seed.replace(/\\D/g, (match) => `${match.charCodeAt(0)}`));\n  const x = Math.sin(numericSeed) * 3333;\n  return x - Math.floor(x);\n}\n","export const slugifyString = (value = \"\") =>\n  value\n    .trim()\n    .toLowerCase()\n    // Bytter ut typisk norske bokstaver æøå\n    .replace(/æ/g, \"ae\")\n    .replace(/å/g, \"a\")\n    .replace(/ø/g, \"o\")\n    // Bytter alle tegn som ikke er et regex-word med '-'\n    .replace(/\\W/g, \"-\")\n    // Bytter ut flere streker med enkelt strek \"----\" => \"-\"\n    .replace(/-+/g, \"-\")\n    .slice(0, 30);\n","export type GetSortIndex<T> = (element: T) => number | string;\n\nconst compareAlphabetically = (left: string, right: string) => left.localeCompare(right, [\"no-NO\"]);\n\nexport const compare = <T>(left: T, right: T, indexFunction?: GetSortIndex<T>) => {\n  const leftIndex = indexFunction ? indexFunction(left) : left;\n  const rightIndex = indexFunction ? indexFunction(right) : right;\n\n  if (typeof leftIndex == \"number\" && typeof rightIndex == \"number\") return leftIndex - rightIndex;\n\n  if (typeof leftIndex == \"string\" && typeof rightIndex == \"string\") {\n    return compareAlphabetically(leftIndex, rightIndex);\n  }\n\n  throw new Error(\"Sort index function gives inconsistent index types\");\n};\n","import { GetSortIndex, compare } from \"./common\";\n\n/**\n * Alphabetical sorting restricted to Norwegian locale, for consistent sorting on server and client\n * (radash's `alphabetical()` is inconsistent between these two)\n */\nexport const sortAlphabetical = <T>(array: T[], indexFunction?: GetSortIndex<T>): T[] =>\n  array.slice().sort((left, right) => compare(left, right, indexFunction));\n","export interface Group<T> {\n  label: string;\n  items: T[];\n}\n\nexport interface GroupedArray<T> extends Array<Group<T>> {}\n\n/* Tar et array og putter ting i grupper basert på gruppekategorier\n *\n * Feks\n *\n * const myArray = ['Apple', 'Aubergine', 'Lemon'];\n *\n * const inGroups = groupArray(myArray, item => item[0]);\n *\n * console.log(inGroups);\n *\n * // [{groupLabel: 'A', groupItems: ['Apple', 'Aubergine']}, {groupLabel: 'L', groupItems: ['Lemon']}]\n *\n *  */\nexport function sortArrayInGroups<T>(\n  items: T[],\n  getGroupLabel: (element: T) => string,\n  options?: { sortAlphabetically?: boolean }\n): GroupedArray<T> {\n  const groups = items.reduce((acc: GroupedArray<T>, arrayEntry) => {\n    const currentCategory = getGroupLabel(arrayEntry);\n    const categoryIndex = acc.findIndex((group) => group.label === currentCategory);\n    if (categoryIndex >= 0) {\n      acc[categoryIndex].items.push(arrayEntry);\n    } else {\n      acc.push({\n        label: currentCategory,\n        items: [arrayEntry],\n      });\n    }\n    return acc;\n  }, []);\n\n  return options?.sortAlphabetically ? groups.sort(sortByLabel) : groups;\n}\n\nfunction sortByLabel<T>(a: Group<T>, b: Group<T>) {\n  if (a.label.toLowerCase() > b.label.toLowerCase()) return 1;\n  if (a.label.toLowerCase() < b.label.toLowerCase()) return -1;\n  return 0;\n}\n","import { AtLeastOne } from \"@biblioteksentralen/types\";\nimport { GetSortIndex, compare } from \"./common\";\n\n/**\n * Corresponds to lodash's sortBy called with several comparison functions (no equivalent in radash)\n */\nexport const sortByMultiple = <T>(array: T[], ...indexFunctions: AtLeastOne<GetSortIndex<T>>): T[] =>\n  array.slice().sort((left, right) =>\n    indexFunctions.slice(1).reduce(\n      // If the previous comparison is 0, it means left and right are equal according to the previous\n      // comparison function. That's also the only way it'll be falsy, therefore we can\n      // use the or operator || to then apply the next comparison function.\n      (previous, indexFunction) => previous || compare(left, right, indexFunction),\n      compare(left, right, indexFunctions[0]) // Initial comparison\n    )\n  );\n"],"mappings":";;;ACAA,SAAS,cAAc;AACvB,SAAS,UAAU;ADDZ,IAAM,SAAS;EACpB,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,gBAAW;EACX,kBAAa;EACb,cAAc;EACd,aAAa;EACb,aAAa;EACb,gBAAgB;EAChB,kBAAkB;EAClB,cAAc;EACd,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,WAAW;EACX,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,SAAS;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;AACF;AExCO,SAAS,gBAAyB;AACvC,SAAO,QAAQ,IAAI,aAAa;AAClC;","names":[]}

package/dist/chunk-BRFRPPOW.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+"use client";
+// src/components/ButtonBS.tsx
+var _react = require("@chakra-ui/react");
+var ButtonBS = _react.Button;
+exports.ButtonBS = ButtonBS;
+//# sourceMappingURL=chunk-BRFRPPOW.js.map

package/dist/chunk-BRFRPPOW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ButtonBS.tsx"],"names":[],"mappings":";;;AACA,SAAS,UAAU,oBAAsD;AAUlE,IAAM,WAAW","sourcesContent":["import { Modify } from \"@biblioteksentralen/types\";\nimport { Button as ChakraButton, ButtonProps as NativeButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras Button with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype ButtonVariants = NativeButtonProps[\"variant\"] | CustomButtonVariants;\nexport type ButtonBSProps = Modify<NativeButtonProps, { variant?: ButtonVariants }>;\nexport const ButtonBS = ChakraButton as ComponentWithAs<\"button\", ButtonBSProps>;\n"]}

package/dist/chunk-BZS3AX26.mjs

@@ -0,0 +1,10 @@
+"use client";
+
+// src/components/IconButtonBS.tsx
+import { IconButton as ChakraIconButton } from "@chakra-ui/react";
+var IconButtonBS = ChakraIconButton;
+
+export {
+  IconButtonBS
+};
+//# sourceMappingURL=chunk-BZS3AX26.mjs.map

package/dist/chunk-BZS3AX26.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/IconButtonBS.tsx"],"sourcesContent":["import { Modify } from \"@biblioteksentralen/types\";\nimport { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras IconButton with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype IconButtonVariants = ChakraIconButtonProps[\"variant\"] | CustomButtonVariants;\nexport type IconButtonBSProps = Modify<ChakraIconButtonProps, { variant?: IconButtonVariants }>;\nexport const IconButtonBS = ChakraIconButton as ComponentWithAs<\"button\", IconButtonBSProps>;\n"],"mappings":";;;AACA,SAAS,cAAc,wBAAkE;AAUlF,IAAM,eAAe;","names":[]}

package/dist/chunk-CGCBID7S.mjs

@@ -0,0 +1,15 @@
+"use client";
+import {
+  ErrorBoundaryBS
+} from "./chunk-3IJ454KG.mjs";
+
+// src/components/withErrorBoundaryBS.tsx
+import React from "react";
+var withErrorBoundaryBS = (Component, boundaryName) => {
+  return (props) => /* @__PURE__ */ React.createElement(ErrorBoundaryBS, { boundaryName }, /* @__PURE__ */ React.createElement(Component, { ...props }));
+};
+
+export {
+  withErrorBoundaryBS
+};
+//# sourceMappingURL=chunk-CGCBID7S.mjs.map