@biblioteksentralen/react 3.0.0-beta.8 → 3.0.0

package/dist/index.js

@@ -1,12 +1,4 @@
 "use strict";
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
 function _assert_this_initialized(self) {
     if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -64,33 +56,6 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -106,30 +71,6 @@ function _object_spread(target) {
     }
     return target;
 }
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose(source, excluded);
@@ -170,21 +111,10 @@ function _set_prototype_of(o, p) {
     };
     return _set_prototype_of(o, p);
 }
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 function _is_native_reflect_construct() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
     if (Reflect.construct.sham) return false;
@@ -209,6 +139,7 @@ function _create_super(Derived) {
         return _possible_constructor_return(this, result);
     };
 }
+var _import_react10_defaultConfig_theme_recipes_button_variants, _import_react10_defaultConfig_theme_recipes_button, _import_react10_defaultConfig_theme_recipes, _import_react10_defaultConfig_theme;
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -273,50 +204,35 @@ var __toCommonJS = function(mod) {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-    Alert: function() {
-        return Alert;
+    AlertBS: function() {
+        return AlertBS;
     },
     BiblioteksentralenProvider: function() {
         return BiblioteksentralenProvider;
     },
-    Button: function() {
-        return Button;
-    },
-    ConditionalWrapper: function() {
-        return ConditionalWrapper;
-    },
-    ErrorBoundary: function() {
-        return ErrorBoundary;
-    },
-    HashLinkTarget: function() {
-        return HashLinkTarget;
+    ButtonBS: function() {
+        return ButtonBS;
     },
-    HideWithCSS: function() {
-        return HideWithCSS;
+    ConditionalWrapperBS: function() {
+        return ConditionalWrapperBS;
     },
-    IconButton: function() {
-        return IconButton;
+    ErrorBoundaryBS: function() {
+        return ErrorBoundaryBS;
     },
-    Input: function() {
-        return Input;
+    HashLinkTargetBS: function() {
+        return HashLinkTargetBS;
     },
-    Link: function() {
-        return Link;
+    IconButtonBS: function() {
+        return IconButtonBS;
     },
-    Toaster: function() {
-        return Toaster;
-    },
-    VisuallyHidden: function() {
-        return VisuallyHidden;
+    InputBS: function() {
+        return InputBS;
     },
     colors: function() {
         return colors;
     },
-    toaster: function() {
-        return toaster;
-    },
-    withErrorBoundary: function() {
-        return withErrorBoundary;
+    withErrorBoundaryBS: function() {
+        return withErrorBoundaryBS;
     }
 });
 module.exports = __toCommonJS(src_exports);
@@ -368,7 +284,7 @@ var colors = {
 function isDevelopment() {
     return process.env.NODE_ENV === "development";
 }
-// src/components/Alert.tsx
+// src/components/AlertBS.tsx
 var import_react = require("@chakra-ui/react");
 var import_react2 = __toESM(require("react"));
 var import_react_feather = require("react-feather");
@@ -419,7 +335,7 @@ var variantStyles = {
         padding: "0"
     }
 };
-function Alert(_param) {
+function AlertBS(_param) {
     var status = _param.status, children = _param.children, variant = _param.variant, header = _param.header, rest = _object_without_properties(_param, [
         "status",
         "children",
@@ -441,71 +357,16 @@ function Alert(_param) {
         color: "black"
     }, header && /* @__PURE__ */ import_react2.default.createElement(import_react.Alert.Title, null, header), /* @__PURE__ */ import_react2.default.createElement(import_react.Alert.Description, null, children)));
 }
-// src/components/Button.tsx
+// src/components/ButtonBS.tsx
 var import_react3 = require("@chakra-ui/react");
-var Button = import_react3.Button;
-// src/components/IconButton.tsx
+var ButtonBS = import_react3.Button;
+// src/components/IconButtonBS.tsx
 var import_react4 = require("@chakra-ui/react");
-var IconButton = import_react4.IconButton;
-// src/components/ConditionalWrapper.tsx
-var import_react5 = __toESM(require("react"));
-var ConditionalWrapper = function(param) {
-    var condition = param.condition, children = param.children, Wrapper = param.wrapper;
-    return condition ? /* @__PURE__ */ import_react5.default.createElement(Wrapper, null, children) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, children);
-};
-// src/components/HideWithCSS.tsx
-var import_react6 = require("@chakra-ui/react");
-var import_react7 = __toESM(require("react"));
-var HideWithCSS = function(_param) {
-    var children = _param.children, above = _param.above, below = _param.below, chakraProps = _object_without_properties(_param, [
-        "children",
-        "above",
-        "below"
-    ]);
-    var display = _object_spread({}, !!below ? _define_property({
-        base: "none"
-    }, below, "block") : {}, !!above ? _define_property({}, above, "none") : {});
-    return /* @__PURE__ */ import_react7.default.createElement(import_react6.Box, _object_spread_props(_object_spread({}, chakraProps), {
-        display: display
-    }), children);
-};
-// src/components/Input.tsx
-var import_react10 = require("@chakra-ui/react");
-var import_react11 = __toESM(require("react"));
-// src/components/VisuallyHidden.tsx
-var import_react8 = __toESM(require("react"));
-var import_react9 = require("@chakra-ui/react");
-function VisuallyHidden(_param) {
-    var children = _param.children, rest = _object_without_properties(_param, [
-        "children"
-    ]);
-    var _import_react8_default_useState = _sliced_to_array(import_react8.default.useState(false), 2), forceShow = _import_react8_default_useState[0], setForceShow = _import_react8_default_useState[1];
-    (0, import_react8.useEffect)(function() {
-        if (isDevelopment()) {
-            var handleKeyDown = function(ev) {
-                if (ev.key === "Alt") {
-                    setForceShow(true);
-                }
-            };
-            var handleKeyUp = function(ev) {
-                if (ev.key === "Alt") {
-                    setForceShow(false);
-                }
-            };
-            window.addEventListener("keydown", handleKeyDown);
-            window.addEventListener("keyup", handleKeyUp);
-            return function() {
-                window.removeEventListener("keydown", handleKeyDown);
-                window.removeEventListener("keyup", handleKeyUp);
-            };
-        }
-    }, []);
-    return forceShow ? /* @__PURE__ */ import_react8.default.createElement("span", null, children) : /* @__PURE__ */ import_react8.default.createElement(import_react9.VisuallyHidden, {
-        position: "fixed"
-    }, children);
-}
-// src/components/Input.tsx
-var Input = function(props) {
+var IconButtonBS = import_react4.IconButton;
+// src/components/InputBS.tsx
+var import_react5 = require("@chakra-ui/react");
+var import_react6 = __toESM(require("react"));
+var InputBS = function(props) {
     var labelProps = props.labelProps, label = props.label, helperText = props.helperText, errorMessage = props.errorMessage, hideLabel = props.hideLabel, inputProps = _object_without_properties(props, [
         "labelProps",
         "label",
@@ -513,22 +374,91 @@ var Input = function(props) {
         "errorMessage",
         "hideLabel"
     ]);
-    var formLabel = /* @__PURE__ */ import_react11.default.createElement(import_react10.Field.Label, _object_spread({}, labelProps), label);
-    return /* @__PURE__ */ import_react11.default.createElement(import_react10.Field.Root, {
+    var formLabel = /* @__PURE__ */ import_react6.default.createElement(import_react5.Field.Label, _object_spread({}, labelProps), label);
+    return /* @__PURE__ */ import_react6.default.createElement(import_react5.Field.Root, {
         invalid: !!errorMessage
-    }, hideLabel ? /* @__PURE__ */ import_react11.default.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ import_react11.default.createElement(import_react10.Field.HelperText, null, helperText), /* @__PURE__ */ import_react11.default.createElement(import_react10.Input, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ import_react11.default.createElement(import_react10.Field.ErrorText, null, errorMessage));
+    }, hideLabel ? /* @__PURE__ */ import_react6.default.createElement(import_react5.VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ import_react6.default.createElement(import_react5.Field.HelperText, null, helperText), /* @__PURE__ */ import_react6.default.createElement(import_react5.Input, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ import_react6.default.createElement(import_react5.Field.ErrorText, null, errorMessage));
 };
-// src/components/Link.tsx
-var import_react12 = require("@chakra-ui/react");
-var Link = import_react12.Link;
-// src/BiblioteksentralenProvider.tsx
-var import_react20 = __toESM(require("react"));
-var import_react21 = require("@chakra-ui/react");
+// src/components/ConditionalWrapperBS.tsx
+var import_react7 = __toESM(require("react"));
+var ConditionalWrapperBS = function(param) {
+    var condition = param.condition, children = param.children, Wrapper = param.wrapper;
+    return condition ? /* @__PURE__ */ import_react7.default.createElement(Wrapper, null, children) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, children);
+};
+// src/components/ErrorBoundaryBS.tsx
+var import_react8 = require("@chakra-ui/react");
+var import_react9 = __toESM(require("react"));
+var StyledPre = function(props) {
+    return /* @__PURE__ */ import_react9.default.createElement(import_react8.Box, _object_spread({
+        as: "pre",
+        paddingTop: "0.5rem",
+        wordBreak: "break-all",
+        whiteSpace: "pre-wrap",
+        fontSize: "0.8rem"
+    }, props));
+};
+var ErrorBoundaryBS = /*#__PURE__*/ function(_import_react9_default_Component) {
+    _inherits(ErrorBoundaryBS, _import_react9_default_Component);
+    var _super = _create_super(ErrorBoundaryBS);
+    function ErrorBoundaryBS(props) {
+        _class_call_check(this, ErrorBoundaryBS);
+        var _this;
+        _this = _super.call(this, props);
+        _this.state = {
+            hasError: false
+        };
+        return _this;
+    }
+    _create_class(ErrorBoundaryBS, [
+        {
+            key: "componentDidCatch",
+            value: function componentDidCatch(error, errorInfo) {
+                this.setState({
+                    hasError: true,
+                    error: error,
+                    errorInfo: errorInfo
+                });
+                console.error(error, {
+                    errorInfo: errorInfo,
+                    boundaryName: this.props.boundaryName
+                });
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                if (this.state.hasError) {
+                    var _this_state_errorInfo, _this_state_error;
+                    var stackTrace = (_this_state_errorInfo = this.state.errorInfo) === null || _this_state_errorInfo === void 0 ? void 0 : _this_state_errorInfo.componentStack;
+                    var errormsg = (_this_state_error = this.state.error) === null || _this_state_error === void 0 ? void 0 : _this_state_error.message;
+                    var info = this.props.boundaryName;
+                    return /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(AlertBS, {
+                        status: "error"
+                    }, /* @__PURE__ */ import_react9.default.createElement("p", null, "Beklager, det skjedde en teknisk feil."), isDevelopment() && (stackTrace || errormsg) && /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ import_react9.default.createElement(StyledPre, null, info || ""), /* @__PURE__ */ import_react9.default.createElement(StyledPre, null, stackTrace || ""))));
+                }
+                return this.props.children;
+            }
+        }
+    ], [
+        {
+            key: "getDerivedStateFromError",
+            value: function getDerivedStateFromError(error) {
+                return {
+                    hasError: true
+                };
+            }
+        }
+    ]);
+    return ErrorBoundaryBS;
+}(import_react9.default.Component);
+// src/components/HashLinkTargetBS.tsx
+var import_react17 = require("@chakra-ui/react");
+var import_react18 = __toESM(require("react"));
 // src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
-var import_react19 = require("@chakra-ui/react");
+var import_react16 = require("@chakra-ui/react");
 // src/styles/chakraTheme/ButtonStyles.ts
-var import_react13 = require("@chakra-ui/react");
-var variants = {
+var import_react10 = require("@chakra-ui/react");
+var variants = _object_spread({
     primary: {
         backgroundColor: colors.black,
         color: "white",
@@ -538,26 +468,25 @@ var variants = {
         }
     },
     secondary: {
-        borderColor: "currentColor !important",
-        backgroundColor: "transparent",
+        borderColor: "currentColor",
         color: "currentColor",
+        backgroundColor: "transparent",
         _hover: {
-            backgroundColor: "hsla(0deg, 0%, 50%, 0.15)"
+            backgroundColor: "currentColor/7"
         }
     },
     tertiary: {
-        backgroundColor: "transparent",
         color: "currentColor",
+        backgroundColor: "transparent",
         _hover: {
-            backgroundColor: "hsla(0deg, 0%, 50%, 0.15)",
-            color: "currentColor"
+            backgroundColor: "currentColor/7"
         }
     }
-};
-var ButtonStyles = (0, import_react13.defineRecipe)({
+}, (_import_react10_defaultConfig_theme = import_react10.defaultConfig.theme) === null || _import_react10_defaultConfig_theme === void 0 ? void 0 : (_import_react10_defaultConfig_theme_recipes = _import_react10_defaultConfig_theme.recipes) === null || _import_react10_defaultConfig_theme_recipes === void 0 ? void 0 : (_import_react10_defaultConfig_theme_recipes_button = _import_react10_defaultConfig_theme_recipes.button) === null || _import_react10_defaultConfig_theme_recipes_button === void 0 ? void 0 : (_import_react10_defaultConfig_theme_recipes_button_variants = _import_react10_defaultConfig_theme_recipes_button.variants) === null || _import_react10_defaultConfig_theme_recipes_button_variants === void 0 ? void 0 : _import_react10_defaultConfig_theme_recipes_button_variants.variant);
+var ButtonStyles = (0, import_react10.defineRecipe)({
     base: {
-        border: "transparent 0.1em solid",
-        borderRadius: "0.35em",
+        borderColor: "transparent",
+        borderWidth: "0.1em",
         fontWeight: 600,
         _disabled: {
             backgroundColor: "".concat(colors.grey45),
@@ -588,21 +517,21 @@ var ButtonStyles = (0, import_react13.defineRecipe)({
     }
 });
 // src/styles/chakraTheme/ContainerStyles.ts
-var import_react14 = require("@chakra-ui/react");
-var ContainerStyles = (0, import_react14.defineRecipe)({
+var import_react11 = require("@chakra-ui/react");
+var ContainerStyles = (0, import_react11.defineRecipe)({
     base: {
         px: ".75rem"
     }
 });
 // src/styles/chakraTheme/HeadingStyles.ts
-var import_react15 = require("@chakra-ui/react");
-var HeadingStyles = (0, import_react15.defineRecipe)({
+var import_react12 = require("@chakra-ui/react");
+var HeadingStyles = (0, import_react12.defineRecipe)({
     base: {
         fontWeight: "600"
     }
 });
 // src/styles/chakraTheme/InputStyles.ts
-var import_react16 = require("@chakra-ui/react");
+var import_react13 = require("@chakra-ui/react");
 var variants2 = {
     subtle: {
         backgroundColor: {
@@ -641,7 +570,7 @@ var variants2 = {
         }
     }
 };
-var InputStyles = (0, import_react16.defineRecipe)({
+var InputStyles = (0, import_react13.defineRecipe)({
     base: {
         _placeholder: {
             color: {
@@ -657,33 +586,9 @@ var InputStyles = (0, import_react16.defineRecipe)({
         variant: "subtle"
     }
 });
-// src/styles/chakraTheme/LinkStyles.ts
-var import_react17 = require("@chakra-ui/react");
-var variants3 = {
-    plain: {
-        textDecoration: "none",
-        _hover: {
-            textDecoration: "underline"
-        }
-    },
-    underline: {
-        textDecoration: "underline",
-        _hover: {
-            textDecoration: "none"
-        }
-    }
-};
-var LinkStyles = (0, import_react17.defineRecipe)({
-    variants: {
-        variant: variants3
-    },
-    defaultVariants: {
-        variant: "underline"
-    }
-});
 // src/styles/chakraTheme/SpinnerStyles.ts
-var import_react18 = require("@chakra-ui/react");
-var SpinnerStyles = (0, import_react18.defineRecipe)({
+var import_react14 = require("@chakra-ui/react");
+var SpinnerStyles = (0, import_react14.defineRecipe)({
     base: {
         animationDuration: ".8s",
         color: colors.accentBlueMedium,
@@ -710,8 +615,41 @@ var container = {
 var sizes = {
     container: container
 };
+// src/styles/chakraTheme/LinkStyles.ts
+var import_react15 = require("@chakra-ui/react");
+var variants3 = {
+    plain: {
+        color: "currentColor",
+        textDecoration: "none",
+        textDecorationColor: "currentColor/30",
+        _hover: {
+            textDecoration: "underline"
+        }
+    },
+    underline: {
+        color: "currentColor",
+        textDecoration: "underline",
+        textDecorationColor: "currentColor/30",
+        _hover: {
+            textDecoration: "none"
+        }
+    }
+};
+var LinkStyles = (0, import_react15.defineRecipe)({
+    base: {
+        _focus: {
+            outline: "none"
+        }
+    },
+    variants: {
+        variant: variants3
+    },
+    defaultVariants: {
+        variant: "underline"
+    }
+});
 // src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
-var tokens = (0, import_react19.defineTokens)({
+var tokens = (0, import_react16.defineTokens)({
     sizes: sizes
 });
 var globalHyphens = {
@@ -720,10 +658,10 @@ var globalHyphens = {
 };
 var focusStyle = {
     outline: "none !important",
-    boxShadow: "0 0 0 .1rem white, 0 0 0 .2rem black, 0 0 0 .3rem white !important",
+    boxShadow: "0 0 0 .05rem ".concat(colors.white, ", 0 0 0 .25rem var(--bs-focus-ring-color, ").concat(colors.accentBlueMedium, "), 0 0 0 .3rem ").concat(colors.white, " !important"),
     transition: "box-shadow 0.1s ease-out"
 };
-var biblioteksentralenChakraTheme = (0, import_react19.defineConfig)({
+var biblioteksentralenChakraTheme = (0, import_react16.defineConfig)({
     theme: {
         tokens: tokens,
         recipes: {
@@ -752,82 +690,7 @@ var biblioteksentralenChakraTheme = (0, import_react19.defineConfig)({
         "*:focus-visible": focusStyle
     }
 });
-// src/BiblioteksentralenProvider.tsx
-var import_system = require("@chakra-ui/system");
-var BiblioteksentralenProvider = function(props) {
-    return /* @__PURE__ */ import_react20.default.createElement(import_react21.ChakraProvider, {
-        value: (0, import_react21.createSystem)(import_react21.defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})
-    }, /* @__PURE__ */ import_react20.default.createElement(import_system.ColorModeProvider, _object_spread({}, props)));
-};
-// src/components/ErrorBoundary.tsx
-var import_react22 = require("@chakra-ui/react");
-var import_react23 = __toESM(require("react"));
-var StyledPre = function(props) {
-    return /* @__PURE__ */ import_react23.default.createElement(import_react22.Box, _object_spread({
-        as: "pre",
-        paddingTop: "0.5rem",
-        wordBreak: "break-all",
-        whiteSpace: "pre-wrap",
-        fontSize: "0.8rem"
-    }, props));
-};
-var ErrorBoundary = /*#__PURE__*/ function(_import_react23_default_Component) {
-    _inherits(ErrorBoundary, _import_react23_default_Component);
-    var _super = _create_super(ErrorBoundary);
-    function ErrorBoundary(props) {
-        _class_call_check(this, ErrorBoundary);
-        var _this;
-        _this = _super.call(this, props);
-        _this.state = {
-            hasError: false
-        };
-        return _this;
-    }
-    _create_class(ErrorBoundary, [
-        {
-            key: "componentDidCatch",
-            value: function componentDidCatch(error, errorInfo) {
-                this.setState({
-                    hasError: true,
-                    error: error,
-                    errorInfo: errorInfo
-                });
-                console.error(error, {
-                    errorInfo: errorInfo,
-                    boundaryName: this.props.boundaryName
-                });
-            }
-        },
-        {
-            key: "render",
-            value: function render() {
-                if (this.state.hasError) {
-                    var _this_state_errorInfo, _this_state_error;
-                    var stackTrace = (_this_state_errorInfo = this.state.errorInfo) === null || _this_state_errorInfo === void 0 ? void 0 : _this_state_errorInfo.componentStack;
-                    var errormsg = (_this_state_error = this.state.error) === null || _this_state_error === void 0 ? void 0 : _this_state_error.message;
-                    var info = this.props.boundaryName;
-                    return /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement(Alert, {
-                        status: "error"
-                    }, /* @__PURE__ */ import_react23.default.createElement("p", null, "Beklager, det skjedde en teknisk feil."), isDevelopment() && (stackTrace || errormsg) && /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ import_react23.default.createElement(StyledPre, null, info || ""), /* @__PURE__ */ import_react23.default.createElement(StyledPre, null, stackTrace || ""))));
-                }
-                return this.props.children;
-            }
-        }
-    ], [
-        {
-            key: "getDerivedStateFromError",
-            value: function getDerivedStateFromError(error) {
-                return {
-                    hasError: true
-                };
-            }
-        }
-    ]);
-    return ErrorBoundary;
-}(import_react23.default.Component);
-// src/components/HashLinkTarget.tsx
-var import_react24 = require("@chakra-ui/react");
-var import_react25 = __toESM(require("react"));
+// src/components/HashLinkTargetBS.tsx
 var focusOnRelativeParentStyle = {
     _focusWithin: {
         position: "static",
@@ -844,11 +707,11 @@ var focusOnRelativeParentStyle = {
         }, focusStyle)
     }
 };
-function HashLinkTarget(props) {
-    return /* @__PURE__ */ import_react25.default.createElement(import_react24.Box, {
+function HashLinkTargetBS(props) {
+    return /* @__PURE__ */ import_react18.default.createElement(import_react17.Box, {
         position: "relative",
         css: props.focusOnParent ? focusOnRelativeParentStyle : void 0
-    }, /* @__PURE__ */ import_react25.default.createElement(import_react24.Box, {
+    }, /* @__PURE__ */ import_react18.default.createElement(import_react17.Box, {
         id: props.id,
         tabIndex: props.focusOnParent ? -1 : void 0,
         position: "absolute",
@@ -858,67 +721,35 @@ function HashLinkTarget(props) {
         }
     }));
 }
-// src/components/withErrorBoundary.tsx
-var import_react26 = __toESM(require("react"));
-var withErrorBoundary = function(Component, boundaryName) {
+// src/components/withErrorBoundaryBS.tsx
+var import_react19 = __toESM(require("react"));
+var withErrorBoundaryBS = function(Component, boundaryName) {
     return function(props) {
-        return /* @__PURE__ */ import_react26.default.createElement(ErrorBoundary, {
+        return /* @__PURE__ */ import_react19.default.createElement(ErrorBoundaryBS, {
             boundaryName: boundaryName
-        }, /* @__PURE__ */ import_react26.default.createElement(Component, _object_spread({}, props)));
+        }, /* @__PURE__ */ import_react19.default.createElement(Component, _object_spread({}, props)));
     };
 };
-// src/components/ui/toaster.tsx
-var import_react27 = require("@chakra-ui/react");
-var import_react28 = __toESM(require("react"));
-var toaster = (0, import_react27.createToaster)({
-    pauseOnPageIdle: true,
-    offsets: {
-        left: "50%",
-        top: "50%",
-        right: "50%",
-        bottom: "50%"
-    }
-});
-var Toaster = function() {
-    return /* @__PURE__ */ import_react28.default.createElement(import_react27.Portal, null, /* @__PURE__ */ import_react28.default.createElement(import_react27.Toaster, {
-        toaster: toaster,
-        insetInline: {
-            mdDown: "4"
-        }
-    }, function(toast) {
-        if (typeof toast.render === "function") {
-            return /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, toast.render());
-        }
-        return /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.Root, {
-            width: {
-                md: "sm"
-            }
-        }, toast.type === "loading" ? /* @__PURE__ */ import_react28.default.createElement(import_react27.Spinner, {
-            size: "sm",
-            color: "blue.solid"
-        }) : /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.Indicator, null), /* @__PURE__ */ import_react28.default.createElement(import_react27.Stack, {
-            gap: "1",
-            flex: "1",
-            maxWidth: "100%"
-        }, toast.title && /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.Title, null, toast.title), toast.description && /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.Description, null, toast.description)), toast.action && /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.ActionTrigger, null, toast.action.label), toast.closable && /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.CloseTrigger, null));
-    }));
+// src/BiblioteksentralenProvider.tsx
+var import_react20 = __toESM(require("react"));
+var import_react21 = require("@chakra-ui/react");
+var import_system = require("@chakra-ui/system");
+var BiblioteksentralenProvider = function(props) {
+    return /* @__PURE__ */ import_react20.default.createElement(import_react21.ChakraProvider, {
+        value: (0, import_react21.createSystem)(import_react21.defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})
+    }, /* @__PURE__ */ import_react20.default.createElement(import_system.ColorModeProvider, _object_spread({}, props)));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = _object_spread({
-    Alert: Alert,
+    AlertBS: AlertBS,
     BiblioteksentralenProvider: BiblioteksentralenProvider,
-    Button: Button,
-    ConditionalWrapper: ConditionalWrapper,
-    ErrorBoundary: ErrorBoundary,
-    HashLinkTarget: HashLinkTarget,
-    HideWithCSS: HideWithCSS,
-    IconButton: IconButton,
-    Input: Input,
-    Link: Link,
-    Toaster: Toaster,
-    VisuallyHidden: VisuallyHidden,
+    ButtonBS: ButtonBS,
+    ConditionalWrapperBS: ConditionalWrapperBS,
+    ErrorBoundaryBS: ErrorBoundaryBS,
+    HashLinkTargetBS: HashLinkTargetBS,
+    IconButtonBS: IconButtonBS,
+    InputBS: InputBS,
     colors: colors,
-    toaster: toaster,
-    withErrorBoundary: withErrorBoundary
+    withErrorBoundaryBS: withErrorBoundaryBS
 }, require("@chakra-ui/react")));
 //# sourceMappingURL=index.js.map