@biblioteksentralen/react 3.1.0 → 4.0.0-beta.1

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts","../src/components/AlertBS.tsx","../src/components/ButtonBS.tsx","../src/components/IconButtonBS.tsx","../src/components/InputBS.tsx","../src/components/ConditionalWrapperBS.tsx","../src/components/ErrorBoundaryBS.tsx","../src/components/HashLinkTargetBS.tsx","../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","../src/components/withErrorBoundaryBS.tsx","../src/BiblioteksentralenProvider.tsx"],"names":["import_react","React","colors","ChakraAlert","ChakraButton","ChakraIconButton","ChakraInput","variants"],"mappings":"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","sourcesContent":["export * from \"@chakra-ui/react\"; // Exports Chakra components first to override some components later\n\n// Exporting our own components with \"BS\" suffix to allow use of both Chakra and Biblioteksentralen components in the same project\nexport { AlertBS } from \"./components/AlertBS\";\nexport { ButtonBS, type ButtonBSProps } from \"./components/ButtonBS\";\nexport { IconButtonBS, type IconButtonBSProps } from \"./components/IconButtonBS\";\nexport { InputBS } from \"./components/InputBS\";\nexport { ConditionalWrapperBS } from \"./components/ConditionalWrapperBS\";\nexport { ErrorBoundaryBS } from \"./components/ErrorBoundaryBS\";\nexport { HashLinkTargetBS } from \"./components/HashLinkTargetBS\";\nexport { withErrorBoundaryBS } from \"./components/withErrorBoundaryBS\";\nexport { BiblioteksentralenProvider } from \"./BiblioteksentralenProvider\";\n\nexport { colors } from \"@biblioteksentralen/utils\"; // Re-export colors for convenience\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 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","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","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","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","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","import { Input as ChakraInput, Field, FieldLabelProps, InputProps, VisuallyHidden } from \"@chakra-ui/react\";\nimport React, { RefObject } from \"react\";\n\ninterface Props extends InputProps {\n  label: string;\n  hideLabel?: boolean;\n  labelProps?: FieldLabelProps;\n  helperText?: string;\n  errorMessage?: string;\n  ref?: RefObject<HTMLInputElement | null>;\n}\n\n/**\n * Creating custom input-component to make sure label is always set (for accessibility)\n * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra\n */\nexport const InputBS = (props: Props) => {\n  const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n\n  const formLabel = <Field.Label {...labelProps}>{label}</Field.Label>;\n\n  return (\n    <Field.Root invalid={!!errorMessage}>\n      {hideLabel ? <VisuallyHidden>{formLabel}</VisuallyHidden> : formLabel}\n      {helperText && <Field.HelperText>{helperText}</Field.HelperText>}\n      <ChakraInput {...inputProps} />\n      {errorMessage && <Field.ErrorText>{errorMessage}</Field.ErrorText>}\n    </Field.Root>\n  );\n};\n","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","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","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","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","import React from \"react\";\nimport { ErrorBoundaryBS } from \"./ErrorBoundaryBS\";\n\nexport const withErrorBoundaryBS = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n  return (props: Props & React.JSX.IntrinsicAttributes) => (\n    <ErrorBoundaryBS boundaryName={boundaryName}>\n      <Component {...props} />\n    </ErrorBoundaryBS>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig, SystemConfig } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"./styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n  children: ReactNode;\n  customTheme?: SystemConfig;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n  <ChakraProvider value={createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})}>\n    <ColorModeProvider {...props} />\n  </ChakraProvider>\n);\n"]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/index.js","../src/index.ts"],"names":["Object","defineProperty","exports","value","_createStarExport","obj","keys","filter","key","forEach","hasOwnProperty","enumerable","configurable","get","_chunkNSYSPEHRjs","require","_chunkVSICUYFBjs","_chunkNYKSRUWFjs","_chunkBRFRPPOWjs","_chunkO4EXBCNDjs","_chunkUFIMO32Fjs","_chunkBCT5QU5Wjs","_chunkPLWK7HECjs","_chunkQAW4IRLIjs","_chunkJ5IF7WUNjs","_react","AlertBS","BiblioteksentralenProvider","ButtonBS","ConditionalWrapperBS","ErrorBoundaryBS","HashLinkTargetBS","IconButtonBS","InputBS","colors","withErrorBoundaryBS"],"mappings":"AAAA;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA,SAAAC,kBAAAC,GAAA;IAAAL,OAAAM,IAAA,CAAAD,KAAAE,MAAA,CAAA,SAAAC;eAAAA,QAAA,aAAAA,QAAA;OAAAC,OAAA,CAAA,SAAAD;QAAA,IAAAN,QAAAQ,cAAA,CAAAF,MAAA;YAAA;QAAA;QAAAR,OAAAC,cAAA,CAAAC,SAAAM,KAAA;YAAAG,YAAA;YAAAC,cAAA;YAAAC,KAAA;uBAAAR,GAAA,CAAAG,IAAA;;QAAA;IAAA;AAAA;AAAA;AAGA,IAAAM,mBAAAC,QAAA;AAGA,IAAAC,mBAAAD,QAAA;AAGA,IAAAE,mBAAAF,QAAA;AAGA,IAAAG,mBAAAH,QAAA;AAGA,IAAAI,mBAAAJ,QAAA;AAGA,IAAAK,mBAAAL,QAAA;AAGA,IAAAM,mBAAAN,QAAA;AAGA,IAAAO,mBAAAP,QAAA;AACAA,QAAA;AAGA,IAAAQ,mBAAAR,QAAA;AAGA,IAAAS,mBAAAT,QAAA;AAEA,eAAA;ACjCA,IAAAU,SAAAV,QAAA;AAAAX,kBAAAqB;AD8CAvB,QAAAwB,OAAA,GAAAL,iBAAAK,OAAA;AAAAxB,QAAAyB,0BAAA,GAAAV,iBAAAU,0BAAA;AAAAzB,QAAA0B,QAAA,GAAAV,iBAAAU,QAAA;AAAA1B,QAAA2B,oBAAA,GAAAV,iBAAAU,oBAAA;AAAA3B,QAAA4B,eAAA,GAAAV,iBAAAU,eAAA;AAAA5B,QAAA6B,gBAAA,GAAAT,iBAAAS,gBAAA;AAAA7B,QAAA8B,YAAA,GAAAR,iBAAAQ,YAAA;AAAA9B,QAAA+B,OAAA,GAAAnB,iBAAAmB,OAAA;AAAA/B,QAAAgC,MAAA,GAAAX,iBAAAW,MAAA;AAAAhC,QAAAiC,mBAAA,GAAAnB,iBAAAmB,mBAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== \"default\" && key !== \"__esModule\") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }\"use client\";\n\n\nvar _chunkNSYSPEHRjs = require('./chunk-NSYSPEHR.js');\n\n\nvar _chunkVSICUYFBjs = require('./chunk-VSICUYFB.js');\n\n\nvar _chunkNYKSRUWFjs = require('./chunk-NYKSRUWF.js');\n\n\nvar _chunkBRFRPPOWjs = require('./chunk-BRFRPPOW.js');\n\n\nvar _chunkO4EXBCNDjs = require('./chunk-O4EXBCND.js');\n\n\nvar _chunkUFIMO32Fjs = require('./chunk-UFIMO32F.js');\n\n\nvar _chunkBCT5QU5Wjs = require('./chunk-BCT5QU5W.js');\n\n\nvar _chunkPLWK7HECjs = require('./chunk-PLWK7HEC.js');\nrequire('./chunk-QBXCCJ24.js');\n\n\nvar _chunkQAW4IRLIjs = require('./chunk-QAW4IRLI.js');\n\n\nvar _chunkJ5IF7WUNjs = require('./chunk-J5IF7WUN.js');\n\n// src/index.ts\nvar _react = require('@chakra-ui/react'); _createStarExport(_react);\n\n\n\n\n\n\n\n\n\n\n\nexports.AlertBS = _chunkBCT5QU5Wjs.AlertBS; exports.BiblioteksentralenProvider = _chunkNYKSRUWFjs.BiblioteksentralenProvider; exports.ButtonBS = _chunkBRFRPPOWjs.ButtonBS; exports.ConditionalWrapperBS = _chunkO4EXBCNDjs.ConditionalWrapperBS; exports.ErrorBoundaryBS = _chunkUFIMO32Fjs.ErrorBoundaryBS; exports.HashLinkTargetBS = _chunkPLWK7HECjs.HashLinkTargetBS; exports.IconButtonBS = _chunkJ5IF7WUNjs.IconButtonBS; exports.InputBS = _chunkNSYSPEHRjs.InputBS; exports.colors = _chunkQAW4IRLIjs.colors; exports.withErrorBoundaryBS = _chunkVSICUYFBjs.withErrorBoundaryBS;\n","export * from \"@chakra-ui/react\"; // Exports Chakra components first to override some components later\n\n// Exporting our own components with \"BS\" suffix to allow use of both Chakra and Biblioteksentralen components in the same project\nexport { AlertBS } from \"./components/AlertBS\";\nexport { ButtonBS, type ButtonBSProps } from \"./components/ButtonBS\";\nexport { IconButtonBS, type IconButtonBSProps } from \"./components/IconButtonBS\";\nexport { InputBS } from \"./components/InputBS\";\nexport { ConditionalWrapperBS } from \"./components/ConditionalWrapperBS\";\nexport { ErrorBoundaryBS } from \"./components/ErrorBoundaryBS\";\nexport { HashLinkTargetBS } from \"./components/HashLinkTargetBS\";\nexport { withErrorBoundaryBS } from \"./components/withErrorBoundaryBS\";\nexport { BiblioteksentralenProvider } from \"./components/BiblioteksentralenProvider\";\n\nexport { colors } from \"@biblioteksentralen/utils\"; // Re-export colors for convenience\n"]}

package/dist/index.mjs

@@ -1,422 +1,16 @@
+"use client";
+import { InputBS } from "./chunk-RZUGRIUF.mjs";
+import { withErrorBoundaryBS } from "./chunk-CGCBID7S.mjs";
+import { BiblioteksentralenProvider } from "./chunk-PQLTQYZ3.mjs";
+import { ButtonBS } from "./chunk-WYQNSPEX.mjs";
+import { ConditionalWrapperBS } from "./chunk-2KZDHLEJ.mjs";
+import { ErrorBoundaryBS } from "./chunk-3IJ454KG.mjs";
+import { AlertBS } from "./chunk-QX75QJ7F.mjs";
+import { HashLinkTargetBS } from "./chunk-7MKFY66H.mjs";
+import "./chunk-5GJBW3WE.mjs";
+import { colors } from "./chunk-BN5W6FVN.mjs";
+import { IconButtonBS } from "./chunk-BZS3AX26.mjs";
 // src/index.ts
 export * from "@chakra-ui/react";
-
-// ../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";
-}
-
-// src/components/AlertBS.tsx
-import { Alert as ChakraAlert } from "@chakra-ui/react";
-import React from "react";
-import { AlertCircle, CheckCircle, Info, XCircle } from "react-feather";
-var colorLookup = {
-  info: { bg: colors.lightBlue, color: colors.accentBlueMedium },
-  warning: { bg: colors.statusYellowLight, color: colors.statusYellow },
-  success: { bg: colors.statusGreenLight, color: colors.statusGreen },
-  error: { bg: colors.statusRedLight, color: colors.statusRed }
-};
-var iconLookup = {
-  info: /* @__PURE__ */ React.createElement(Info, { strokeWidth: 1.75, role: "img", "aria-label": "Informasjon" }),
-  warning: /* @__PURE__ */ React.createElement(AlertCircle, { strokeWidth: 1.75, role: "img", "aria-label": "Advarsel" }),
-  success: /* @__PURE__ */ React.createElement(CheckCircle, { strokeWidth: 1.75, role: "img", "aria-label": "Suksess" }),
-  error: /* @__PURE__ */ React.createElement(XCircle, { strokeWidth: 1.75, role: "img", "aria-label": "Feil" })
-};
-var variantStyles = {
-  inline: {
-    borderColor: "transparent",
-    backgroundColor: "transparent",
-    padding: "0"
-  }
-};
-function AlertBS({ status, children, variant, header, ...rest }) {
-  const colors2 = colorLookup[status];
-  return /* @__PURE__ */ React.createElement(
-    ChakraAlert.Root,
-    {
-      status,
-      fontSize: "md",
-      border: `0.1rem solid`,
-      borderColor: colors2.color,
-      backgroundColor: colors2.bg,
-      display: "flex",
-      flexWrap: "wrap",
-      ...variant === "inline" ? variantStyles[variant] : {},
-      ...rest
-    },
-    /* @__PURE__ */ React.createElement(ChakraAlert.Indicator, { marginX: "auto" }, iconLookup[status]),
-    /* @__PURE__ */ React.createElement(ChakraAlert.Content, { color: "black" }, header && /* @__PURE__ */ React.createElement(ChakraAlert.Title, null, header), /* @__PURE__ */ React.createElement(ChakraAlert.Description, null, children))
-  );
-}
-
-// src/components/ButtonBS.tsx
-import { Button as ChakraButton } from "@chakra-ui/react";
-var ButtonBS = ChakraButton;
-
-// src/components/IconButtonBS.tsx
-import { IconButton as ChakraIconButton } from "@chakra-ui/react";
-var IconButtonBS = ChakraIconButton;
-
-// src/components/InputBS.tsx
-import { Input as ChakraInput, Field, VisuallyHidden } from "@chakra-ui/react";
-import React2 from "react";
-var InputBS = (props) => {
-  const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;
-  const formLabel = /* @__PURE__ */ React2.createElement(Field.Label, { ...labelProps }, label);
-  return /* @__PURE__ */ React2.createElement(Field.Root, { invalid: !!errorMessage }, hideLabel ? /* @__PURE__ */ React2.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ React2.createElement(Field.HelperText, null, helperText), /* @__PURE__ */ React2.createElement(ChakraInput, { ...inputProps }), errorMessage && /* @__PURE__ */ React2.createElement(Field.ErrorText, null, errorMessage));
-};
-
-// src/components/ConditionalWrapperBS.tsx
-import React3 from "react";
-var ConditionalWrapperBS = ({ condition, children, wrapper: Wrapper }) => condition ? /* @__PURE__ */ React3.createElement(Wrapper, null, children) : /* @__PURE__ */ React3.createElement(React3.Fragment, null, children);
-
-// src/components/ErrorBoundaryBS.tsx
-import { Box } from "@chakra-ui/react";
-import React4 from "react";
-var StyledPre = (props) => /* @__PURE__ */ React4.createElement(Box, { as: "pre", paddingTop: "0.5rem", wordBreak: "break-all", whiteSpace: "pre-wrap", fontSize: "0.8rem", ...props });
-var ErrorBoundaryBS = class extends React4.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__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement(AlertBS, { status: "error" }, /* @__PURE__ */ React4.createElement("p", null, "Beklager, det skjedde en teknisk feil."), isDevelopment() && (stackTrace || errormsg) && /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ React4.createElement(StyledPre, null, info || ""), /* @__PURE__ */ React4.createElement(StyledPre, null, stackTrace || ""))));
-    }
-    return this.props.children;
-  }
-};
-
-// src/components/HashLinkTargetBS.tsx
-import { Box as Box2 } from "@chakra-ui/react";
-import React5 from "react";
-
-// 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
-  }
-});
-
-// src/components/HashLinkTargetBS.tsx
-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__ */ React5.createElement(Box2, { position: "relative", css: props.focusOnParent ? focusOnRelativeParentStyle : void 0 }, /* @__PURE__ */ React5.createElement(
-    Box2,
-    {
-      id: props.id,
-      tabIndex: props.focusOnParent ? -1 : void 0,
-      position: "absolute",
-      top: `-${props.spaceAbove || "2.5rem"}`,
-      _focus: {
-        boxShadow: "none !important"
-      }
-    }
-  ));
-}
-
-// src/components/withErrorBoundaryBS.tsx
-import React6 from "react";
-var withErrorBoundaryBS = (Component, boundaryName) => {
-  return (props) => /* @__PURE__ */ React6.createElement(ErrorBoundaryBS, { boundaryName }, /* @__PURE__ */ React6.createElement(Component, { ...props }));
-};
-
-// src/BiblioteksentralenProvider.tsx
-import React7 from "react";
-import { ChakraProvider, createSystem, defaultConfig as defaultConfig2 } from "@chakra-ui/react";
-import { ColorModeProvider } from "@chakra-ui/system";
-var BiblioteksentralenProvider = (props) => /* @__PURE__ */ React7.createElement(ChakraProvider, { value: createSystem(defaultConfig2, biblioteksentralenChakraTheme, props.customTheme || {}) }, /* @__PURE__ */ React7.createElement(ColorModeProvider, { ...props }));
-export {
-  AlertBS,
-  BiblioteksentralenProvider,
-  ButtonBS,
-  ConditionalWrapperBS,
-  ErrorBoundaryBS,
-  HashLinkTargetBS,
-  IconButtonBS,
-  InputBS,
-  colors,
-  withErrorBoundaryBS
-};
+export { AlertBS, BiblioteksentralenProvider, ButtonBS, ConditionalWrapperBS, ErrorBoundaryBS, HashLinkTargetBS, IconButtonBS, InputBS, colors, withErrorBoundaryBS };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../../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","../src/components/AlertBS.tsx","../src/components/ButtonBS.tsx","../src/components/IconButtonBS.tsx","../src/components/InputBS.tsx","../src/components/ConditionalWrapperBS.tsx","../src/components/ErrorBoundaryBS.tsx","../src/components/HashLinkTargetBS.tsx","../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","../src/components/withErrorBoundaryBS.tsx","../src/BiblioteksentralenProvider.tsx"],"sourcesContent":["export * from \"@chakra-ui/react\"; // Exports Chakra components first to override some components later\n\n// Exporting our own components with \"BS\" suffix to allow use of both Chakra and Biblioteksentralen components in the same project\nexport { AlertBS } from \"./components/AlertBS\";\nexport { ButtonBS, type ButtonBSProps } from \"./components/ButtonBS\";\nexport { IconButtonBS, type IconButtonBSProps } from \"./components/IconButtonBS\";\nexport { InputBS } from \"./components/InputBS\";\nexport { ConditionalWrapperBS } from \"./components/ConditionalWrapperBS\";\nexport { ErrorBoundaryBS } from \"./components/ErrorBoundaryBS\";\nexport { HashLinkTargetBS } from \"./components/HashLinkTargetBS\";\nexport { withErrorBoundaryBS } from \"./components/withErrorBoundaryBS\";\nexport { BiblioteksentralenProvider } from \"./BiblioteksentralenProvider\";\n\nexport { colors } from \"@biblioteksentralen/utils\"; // Re-export colors for convenience\n","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","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","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","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","import { Input as ChakraInput, Field, FieldLabelProps, InputProps, VisuallyHidden } from \"@chakra-ui/react\";\nimport React, { RefObject } from \"react\";\n\ninterface Props extends InputProps {\n  label: string;\n  hideLabel?: boolean;\n  labelProps?: FieldLabelProps;\n  helperText?: string;\n  errorMessage?: string;\n  ref?: RefObject<HTMLInputElement | null>;\n}\n\n/**\n * Creating custom input-component to make sure label is always set (for accessibility)\n * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra\n */\nexport const InputBS = (props: Props) => {\n  const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n\n  const formLabel = <Field.Label {...labelProps}>{label}</Field.Label>;\n\n  return (\n    <Field.Root invalid={!!errorMessage}>\n      {hideLabel ? <VisuallyHidden>{formLabel}</VisuallyHidden> : formLabel}\n      {helperText && <Field.HelperText>{helperText}</Field.HelperText>}\n      <ChakraInput {...inputProps} />\n      {errorMessage && <Field.ErrorText>{errorMessage}</Field.ErrorText>}\n    </Field.Root>\n  );\n};\n","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","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","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","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","import React from \"react\";\nimport { ErrorBoundaryBS } from \"./ErrorBoundaryBS\";\n\nexport const withErrorBoundaryBS = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n  return (props: Props & React.JSX.IntrinsicAttributes) => (\n    <ErrorBoundaryBS boundaryName={boundaryName}>\n      <Component {...props} />\n    </ErrorBoundaryBS>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig, SystemConfig } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"./styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n  children: ReactNode;\n  customTheme?: SystemConfig;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n  <ChakraProvider value={createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})}>\n    <ColorModeProvider {...props} />\n  </ChakraProvider>\n);\n"],"mappings":"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","names":["colors","React","React","React","React","Box","React","defineRecipe","defineRecipe","defineRecipe","variants","defineRecipe","defineRecipe","variants","React","Box","React","React","React","defaultConfig","React","defaultConfig"]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/index.mjs","../src/index.ts"],"names":["InputBS","withErrorBoundaryBS","BiblioteksentralenProvider","ButtonBS","ConditionalWrapperBS","ErrorBoundaryBS","AlertBS","HashLinkTargetBS","colors","IconButtonBS"],"mappings":"AAAA;AACA,SACEA,OAAO,QACF,uBAAuB;AAC9B,SACEC,mBAAmB,QACd,uBAAuB;AAC9B,SACEC,0BAA0B,QACrB,uBAAuB;AAC9B,SACEC,QAAQ,QACH,uBAAuB;AAC9B,SACEC,oBAAoB,QACf,uBAAuB;AAC9B,SACEC,eAAe,QACV,uBAAuB;AAC9B,SACEC,OAAO,QACF,uBAAuB;AAC9B,SACEC,gBAAgB,QACX,uBAAuB;AAC9B,OAAO,uBAAuB;AAC9B,SACEC,MAAM,QACD,uBAAuB;AAC9B,SACEC,YAAY,QACP,uBAAuB;AAE9B,eAAe;ACjCf,cAAc,mBAAA;ADmCd,SACEH,OAAO,EACPJ,0BAA0B,EAC1BC,QAAQ,EACRC,oBAAoB,EACpBC,eAAe,EACfE,gBAAgB,EAChBE,YAAY,EACZT,OAAO,EACPQ,MAAM,EACNP,mBAAmB,GACnB","sourcesContent":["\"use client\";\nimport {\n  InputBS\n} from \"./chunk-RZUGRIUF.mjs\";\nimport {\n  withErrorBoundaryBS\n} from \"./chunk-CGCBID7S.mjs\";\nimport {\n  BiblioteksentralenProvider\n} from \"./chunk-PQLTQYZ3.mjs\";\nimport {\n  ButtonBS\n} from \"./chunk-WYQNSPEX.mjs\";\nimport {\n  ConditionalWrapperBS\n} from \"./chunk-2KZDHLEJ.mjs\";\nimport {\n  ErrorBoundaryBS\n} from \"./chunk-3IJ454KG.mjs\";\nimport {\n  AlertBS\n} from \"./chunk-QX75QJ7F.mjs\";\nimport {\n  HashLinkTargetBS\n} from \"./chunk-7MKFY66H.mjs\";\nimport \"./chunk-5GJBW3WE.mjs\";\nimport {\n  colors\n} from \"./chunk-BN5W6FVN.mjs\";\nimport {\n  IconButtonBS\n} from \"./chunk-BZS3AX26.mjs\";\n\n// src/index.ts\nexport * from \"@chakra-ui/react\";\nexport {\n  AlertBS,\n  BiblioteksentralenProvider,\n  ButtonBS,\n  ConditionalWrapperBS,\n  ErrorBoundaryBS,\n  HashLinkTargetBS,\n  IconButtonBS,\n  InputBS,\n  colors,\n  withErrorBoundaryBS\n};\n","export * from \"@chakra-ui/react\"; // Exports Chakra components first to override some components later\n\n// Exporting our own components with \"BS\" suffix to allow use of both Chakra and Biblioteksentralen components in the same project\nexport { AlertBS } from \"./components/AlertBS\";\nexport { ButtonBS, type ButtonBSProps } from \"./components/ButtonBS\";\nexport { IconButtonBS, type IconButtonBSProps } from \"./components/IconButtonBS\";\nexport { InputBS } from \"./components/InputBS\";\nexport { ConditionalWrapperBS } from \"./components/ConditionalWrapperBS\";\nexport { ErrorBoundaryBS } from \"./components/ErrorBoundaryBS\";\nexport { HashLinkTargetBS } from \"./components/HashLinkTargetBS\";\nexport { withErrorBoundaryBS } from \"./components/withErrorBoundaryBS\";\nexport { BiblioteksentralenProvider } from \"./components/BiblioteksentralenProvider\";\n\nexport { colors } from \"@biblioteksentralen/utils\"; // Re-export colors for convenience\n"]}