@biblioteksentralen/react 4.0.0-beta.0 → 4.0.0-beta.1

package/dist/chunk-BCT5QU5W.js.map

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

package/dist/chunk-BN5W6FVN.mjs

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

package/dist/chunk-BN5W6FVN.mjs.map

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

package/dist/chunk-BRFRPPOW.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ButtonBS.tsx"],"names":[],"mappings":";;;AACA,SAAS,UAAU,oBAAsD;AAUlE,IAAM,WAAW","sourcesContent":["import { Modify } from \"@biblioteksentralen/types\";\nimport { Button as ChakraButton, ButtonProps as NativeButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras Button with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype ButtonVariants = NativeButtonProps[\"variant\"] | CustomButtonVariants;\nexport type ButtonBSProps = Modify<NativeButtonProps, { variant?: ButtonVariants }>;\nexport const ButtonBS = ChakraButton as ComponentWithAs<\"button\", ButtonBSProps>;\n"]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-BRFRPPOW.js","../src/components/ButtonBS.tsx"],"names":["Object","defineProperty","exports","value","_react","require","ButtonBS","Button"],"mappings":"AAAA;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA;AAEA,8BAAA;ACDA,IAAAC,SAAAC,QAAA;AAUO,IAAMC,WAAWF,OAAAG,MAAA;ADHxBL,QAAAI,QAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true});\"use client\";\n\n// src/components/ButtonBS.tsx\nvar _react = require('@chakra-ui/react');\nvar ButtonBS = _react.Button;\n\n\n\nexports.ButtonBS = ButtonBS;\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"]}

package/dist/chunk-BZS3AX26.mjs

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

package/dist/chunk-BZS3AX26.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/IconButtonBS.tsx"],"sourcesContent":["import { Modify } from \"@biblioteksentralen/types\";\nimport { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras IconButton with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype IconButtonVariants = ChakraIconButtonProps[\"variant\"] | CustomButtonVariants;\nexport type IconButtonBSProps = Modify<ChakraIconButtonProps, { variant?: IconButtonVariants }>;\nexport const IconButtonBS = ChakraIconButton as ComponentWithAs<\"button\", IconButtonBSProps>;\n"],"mappings":";;;AACA,SAAS,cAAc,wBAAkE;AAUlF,IAAM,eAAe;","names":[]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-BZS3AX26.mjs","../src/components/IconButtonBS.tsx"],"names":["IconButton","ChakraIconButton","IconButtonBS"],"mappings":"AAAA;AAEA,kCAAkC;ACDlC,SAASA,cAAcC,gBAAA,QAAkE,mBAAA;AAUlF,IAAMC,eAAeD;ADL5B,SACEC,YAAY,GACZ","sourcesContent":["\"use client\";\n\n// src/components/IconButtonBS.tsx\nimport { IconButton as ChakraIconButton } from \"@chakra-ui/react\";\nvar IconButtonBS = ChakraIconButton;\n\nexport {\n  IconButtonBS\n};\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"]}

package/dist/chunk-CGCBID7S.mjs

@@ -1,15 +1,41 @@
 "use client";
-import {
-  ErrorBoundaryBS
-} from "./chunk-3IJ454KG.mjs";
-
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { ErrorBoundaryBS } from "./chunk-3IJ454KG.mjs";
 // src/components/withErrorBoundaryBS.tsx
 import React from "react";
-var withErrorBoundaryBS = (Component, boundaryName) => {
-  return (props) => /* @__PURE__ */ React.createElement(ErrorBoundaryBS, { boundaryName }, /* @__PURE__ */ React.createElement(Component, { ...props }));
-};
-
-export {
-  withErrorBoundaryBS
+var withErrorBoundaryBS = function(Component, boundaryName) {
+    return function(props) {
+        return /* @__PURE__ */ React.createElement(ErrorBoundaryBS, {
+            boundaryName: boundaryName
+        }, /* @__PURE__ */ React.createElement(Component, _object_spread({}, props)));
+    };
 };
+export { withErrorBoundaryBS };
 //# sourceMappingURL=chunk-CGCBID7S.mjs.map

package/dist/chunk-CGCBID7S.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/withErrorBoundaryBS.tsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAGX,IAAM,sBAAsB,CAAS,WAAuC,iBAAyB;AAC1G,SAAO,CAAC,UACN,oCAAC,mBAAgB,gBACf,oCAAC,aAAW,GAAG,OAAO,CACxB;AAEJ;","names":[]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-CGCBID7S.mjs","../src/components/withErrorBoundaryBS.tsx"],"names":["ErrorBoundaryBS","React","withErrorBoundaryBS","Component","boundaryName","props","createElement"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SACEA,eAAe,QACV,uBAAuB;AAE9B,yCAAyC;ACLzC,OAAOC,WAAW,QAAA;AAGX,IAAMC,sBAAsB,SAASC,WAAuCC;IACjF,OAAO,SAACC;eACN,aAAA,GAAAJ,MAAAK,aAAA,CAACN,iBAAA;YAAgBI,cAAAA;QAAA,GACf,aAAA,GAAAH,MAAAK,aAAA,CAACH,WAAA,mBAAcE;;AAGrB;ADEA,SACEH,mBAAmB,GACnB","sourcesContent":["\"use client\";\nimport {\n  ErrorBoundaryBS\n} from \"./chunk-3IJ454KG.mjs\";\n\n// src/components/withErrorBoundaryBS.tsx\nimport React from \"react\";\nvar withErrorBoundaryBS = (Component, boundaryName) => {\n  return (props) => /* @__PURE__ */ React.createElement(ErrorBoundaryBS, { boundaryName }, /* @__PURE__ */ React.createElement(Component, { ...props }));\n};\n\nexport {\n  withErrorBoundaryBS\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"]}

package/dist/chunk-J5IF7WUN.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/IconButtonBS.tsx"],"names":[],"mappings":";;;AACA,SAAS,cAAc,wBAAkE;AAUlF,IAAM,eAAe","sourcesContent":["import { Modify } from \"@biblioteksentralen/types\";\nimport { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras IconButton with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype IconButtonVariants = ChakraIconButtonProps[\"variant\"] | CustomButtonVariants;\nexport type IconButtonBSProps = Modify<ChakraIconButtonProps, { variant?: IconButtonVariants }>;\nexport const IconButtonBS = ChakraIconButton as ComponentWithAs<\"button\", IconButtonBSProps>;\n"]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-J5IF7WUN.js","../src/components/IconButtonBS.tsx"],"names":["Object","defineProperty","exports","value","_react","require","IconButtonBS","IconButton"],"mappings":"AAAA;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA;AAEA,kCAAA;ACDA,IAAAC,SAAAC,QAAA;AAUO,IAAMC,eAAeF,OAAAG,UAAA;ADH5BL,QAAAI,YAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true});\"use client\";\n\n// src/components/IconButtonBS.tsx\nvar _react = require('@chakra-ui/react');\nvar IconButtonBS = _react.IconButton;\n\n\n\nexports.IconButtonBS = IconButtonBS;\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"]}

package/dist/chunk-NSYSPEHR.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/InputBS.tsx"],"names":[],"mappings":";;;AAAA,SAAS,SAAS,aAAa,OAAoC,sBAAsB;AACzF,OAAO,WAA0B;AAGjC,IAAM,kBAAkB,MAAM;AAC9B,IAAM,iBAAiB,MAAM;AAetB,IAAM,UAAU,CAAC,UAAiB;AACvC,QAAM,EAAE,YAAY,OAAO,YAAY,cAAc,WAAW,GAAG,WAAW,IAAI;AAElF,QAAM,YAAY,oCAAC,MAAM,OAAN,EAAa,GAAG,cAAa,KAAM;AAEtD,SACE,oCAAC,MAAM,MAAN,EAAW,SAAS,CAAC,CAAC,gBACpB,YAAY,oCAAC,sBAAgB,SAAU,IAAoB,WAC3D,cAAc,oCAAC,uBAAiB,UAAW,GAC5C,oCAAC,eAAa,GAAG,YAAY,GAC5B,gBAAgB,oCAAC,sBAAgB,YAAa,CACjD;AAEJ","sourcesContent":["import { Input as ChakraInput, Field, FieldLabelProps, InputProps, VisuallyHidden } from \"@chakra-ui/react\";\nimport React, { RefObject } from \"react\";\n\n// Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types\nconst FieldHelperText = Field.HelperText as React.FC<React.PropsWithChildren>;\nconst FieldErrorText = Field.ErrorText as React.FC<React.PropsWithChildren>;\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 && <FieldHelperText>{helperText}</FieldHelperText>}\n      <ChakraInput {...inputProps} />\n      {errorMessage && <FieldErrorText>{errorMessage}</FieldErrorText>}\n    </Field.Root>\n  );\n};\n"]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-NSYSPEHR.js","../src/components/InputBS.tsx"],"names":["Object","defineProperty","exports","value","_interopRequireDefault","obj","__esModule","default","_react","require","_react3","_react4","FieldHelperText","Field","HelperText","FieldErrorText","ErrorText","InputBS","props","labelProps","label","helperText","errorMessage","hideLabel","inputProps","formLabel","createElement","Label","Root","invalid","VisuallyHidden","Input"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA,SAAAC,uBAAAC,GAAA;IAAA,OAAAA,OAAAA,IAAAC,UAAA,GAAAD,MAAA;QAAAE,SAAAF;IAAA;AAAA;AAAA;AAEA,6BAAA;ACFA,IAAAG,SAAAC,QAAA;AACA,IAAAC,UAAAD,QAAA;AAAA,IAAAE,UAAAP,uBAAAM;AAGA,IAAME,kBAAkBJ,OAAAK,KAAA,CAAMC,UAAA;AAC9B,IAAMC,iBAAiBP,OAAAK,KAAA,CAAMG,SAAA;AAetB,IAAMC,UAAU,SAACC;IACtB,IAAQC,aAA0ED,MAA1EC,YAAYC,QAA8DF,MAA9DE,OAAOC,aAAuDH,MAAvDG,YAAYC,eAA2CJ,MAA3CI,cAAcC,YAA6BL,MAA7BK,WAAcC,wCAAeN;QAA1EC;QAAYC;QAAOC;QAAYC;QAAcC;;IAErD,IAAME,YAAA,aAAA,GAAYd,QAAAJ,OAAA,CAAAmB,aAAA,CAAClB,OAAAK,KAAA,CAAMc,KAAA,EAAN,mBAAgBR,aAAaC;IAEhD,OAAA,aAAA,GACET,QAAAJ,OAAA,CAAAmB,aAAA,CAAClB,OAAAK,KAAA,CAAMe,IAAA,EAAN;QAAWC,SAAS,CAAC,CAACP;IAAA,GACpBC,YAAA,aAAA,GAAYZ,QAAAJ,OAAA,CAAAmB,aAAA,CAAClB,OAAAsB,cAAA,EAAA,MAAgBL,aAA8BA,WAC3DJ,cAAA,aAAA,GAAcV,QAAAJ,OAAA,CAAAmB,aAAA,CAACd,iBAAA,MAAiBS,aAAW,aAAA,GAC5CV,QAAAJ,OAAA,CAAAmB,aAAA,CAAClB,OAAAuB,KAAA,EAAA,mBAAgBP,cAChBF,gBAAA,aAAA,GAAgBX,QAAAJ,OAAA,CAAAmB,aAAA,CAACX,gBAAA,MAAgBO;AAGxC;ADlBApB,QAAAe,OAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\"use client\";\n\n// src/components/InputBS.tsx\nvar _react = require('@chakra-ui/react');\nvar _react3 = require('react'); var _react4 = _interopRequireDefault(_react3);\nvar FieldHelperText = _react.Field.HelperText;\nvar FieldErrorText = _react.Field.ErrorText;\nvar InputBS = (props) => {\n  const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n  const formLabel = /* @__PURE__ */ _react4.default.createElement(_react.Field.Label, { ...labelProps }, label);\n  return /* @__PURE__ */ _react4.default.createElement(_react.Field.Root, { invalid: !!errorMessage }, hideLabel ? /* @__PURE__ */ _react4.default.createElement(_react.VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ _react4.default.createElement(FieldHelperText, null, helperText), /* @__PURE__ */ _react4.default.createElement(_react.Input, { ...inputProps }), errorMessage && /* @__PURE__ */ _react4.default.createElement(FieldErrorText, null, errorMessage));\n};\n\n\n\nexports.InputBS = InputBS;\n","import { Input as ChakraInput, Field, FieldLabelProps, InputProps, VisuallyHidden } from \"@chakra-ui/react\";\nimport React, { RefObject } from \"react\";\n\n// Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types\nconst FieldHelperText = Field.HelperText as React.FC<React.PropsWithChildren>;\nconst FieldErrorText = Field.ErrorText as React.FC<React.PropsWithChildren>;\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 && <FieldHelperText>{helperText}</FieldHelperText>}\n      <ChakraInput {...inputProps} />\n      {errorMessage && <FieldErrorText>{errorMessage}</FieldErrorText>}\n    </Field.Root>\n  );\n};\n"]}

package/dist/chunk-NYKSRUWF.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BiblioteksentralenProvider.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,WAA0B;AACjC,SAAS,gBAAgB,cAAc,qBAAmC;AAE1E,SAAS,yBAAyB;AAO3B,IAAM,6BAA6B,CAAC,UACzC,oCAAC,kBAAe,OAAO,aAAa,eAAe,+BAA+B,MAAM,eAAe,CAAC,CAAC,KACvG,oCAAC,qBAAmB,GAAG,OAAO,CAChC","sourcesContent":["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/chunk-NYKSRUWF.js","../src/components/BiblioteksentralenProvider.tsx"],"names":["Object","defineProperty","exports","value","_interopRequireDefault","obj","__esModule","default","_chunkQBXCCJ24js","require","_react","_react2","_react3","_system","BiblioteksentralenProvider","props","createElement","ChakraProvider","createSystem","call","defaultConfig","biblioteksentralenChakraTheme","customTheme","ColorModeProvider"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA,SAAAC,uBAAAC,GAAA;IAAA,OAAAA,OAAAA,IAAAC,UAAA,GAAAD,MAAA;QAAAE,SAAAF;IAAA;AAAA;AAAA;AAGA,IAAAG,mBAAAC,QAAA;AAEA,gDAAA;ACLA,IAAAC,SAAAD,QAAA;AAAA,IAAAE,UAAAP,uBAAAM;AACA,IAAAE,UAAAH,QAAA;AAEA,IAAAI,UAAAJ,QAAA;AAOO,IAAMK,6BAA6B,SAACC;WAAA,aAAA,GACzCJ,QAAAJ,OAAA,CAAAS,aAAA,CAACJ,QAAAK,cAAA,EAAA;QAAed,OAAOS,QAAAM,YAAA,CAAAC,IAAA,CAAA,KAAA,GAAAP,QAAAQ,aAAa,EAAeZ,iBAAAa,6BAAA,EAA+BN,MAAMO,WAAA,IAAe,CAAC;IAAC,GAAA,aAAA,GACvGX,QAAAJ,OAAA,CAAAS,aAAA,CAACH,QAAAU,iBAAA,EAAA,mBAAsBR;;ADC3Bb,QAAAY,0BAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\"use client\";\n\n\nvar _chunkQBXCCJ24js = require('./chunk-QBXCCJ24.js');\n\n// src/components/BiblioteksentralenProvider.tsx\nvar _react = require('react'); var _react2 = _interopRequireDefault(_react);\nvar _react3 = require('@chakra-ui/react');\nvar _system = require('@chakra-ui/system');\nvar BiblioteksentralenProvider = (props) => /* @__PURE__ */ _react2.default.createElement(_react3.ChakraProvider, { value: _react3.createSystem.call(void 0, _react3.defaultConfig, _chunkQBXCCJ24js.biblioteksentralenChakraTheme, props.customTheme || {}) }, /* @__PURE__ */ _react2.default.createElement(_system.ColorModeProvider, { ...props }));\n\n\n\nexports.BiblioteksentralenProvider = BiblioteksentralenProvider;\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"]}

package/dist/chunk-O4EXBCND.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ConditionalWrapperBS.tsx"],"names":[],"mappings":";;;AAAA,OAAO,WAA6C;AAW7C,IAAM,uBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,QAAQ,MACrG,YAAY,oCAAC,eAAS,QAAS,IAAa,0DAAG,QAAS","sourcesContent":["import React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  wrapper: FunctionComponent<{ children: ReactNode }>;\n  condition: boolean;\n};\n\n/**\n * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.\n */\nexport const ConditionalWrapperBS: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n  condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n"]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-O4EXBCND.js","../src/components/ConditionalWrapperBS.tsx"],"names":["Object","defineProperty","exports","value","_interopRequireDefault","obj","__esModule","default","_react","require","_react2","ConditionalWrapperBS","condition","children","wrapper","Wrapper","createElement","Fragment"],"mappings":"AAAA;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA,SAAAC,uBAAAC,GAAA;IAAA,OAAAA,OAAAA,IAAAC,UAAA,GAAAD,MAAA;QAAAE,SAAAF;IAAA;AAAA;AAAA;AAEA,0CAAA;ACFA,IAAAG,SAAAC,QAAA;AAAA,IAAAC,UAAAN,uBAAAI;AAWO,IAAMG,uBAAiD;QAAGC,kBAAAA,WAAWC,iBAAAA,UAAUC,AAASC,gBAATD;WACpFF,YAAA,aAAA,GAAYF,QAAAH,OAAA,CAAAS,aAAA,CAACD,SAAA,MAASF,YAAS,aAAA,GAAaH,QAAAH,OAAA,CAAAS,aAAA,CAAAN,QAAAH,OAAA,CAAAU,QAAA,EAAA,MAAGJ;;ADJjDX,QAAAS,oBAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\"use client\";\n\n// src/components/ConditionalWrapperBS.tsx\nvar _react = require('react'); var _react2 = _interopRequireDefault(_react);\nvar ConditionalWrapperBS = ({ condition, children, wrapper: Wrapper }) => condition ? /* @__PURE__ */ _react2.default.createElement(Wrapper, null, children) : /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, children);\n\n\n\nexports.ConditionalWrapperBS = ConditionalWrapperBS;\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"]}

package/dist/chunk-PLWK7HEC.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HashLinkTargetBS.tsx"],"names":[],"mappings":";;;;;;AAAA,SAAS,WAAW;AACpB,OAAO,WAAW;AAelB,IAAM,6BAA6B;AAAA,EACjC,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,eAAe;AAAA,MACf,cAAc;AAAA,MACd,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAKO,SAAS,iBAAiB,OAAc;AAC7C,SACE,oCAAC,OAAI,UAAS,YAAW,KAAK,MAAM,gBAAgB,6BAA6B,UAC/E;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV,UAAU,MAAM,gBAAgB,KAAK;AAAA,MACrC,UAAS;AAAA,MACT,KAAK,IAAI,MAAM,cAAc,QAAQ;AAAA,MACrC,QAAQ;AAAA,QACN,WAAW;AAAA,MACb;AAAA;AAAA,EACF,CACF;AAEJ","sourcesContent":["import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { focusStyle } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\n\ninterface Props {\n  id: string;\n  /**\n   * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'\n   */\n  spaceAbove?: string;\n  /**\n   * angir om du vil ha fokusramme rundt komponenten som mounter HashLinkTarget. Da må komponenten du wrapper med ha position: relative | absolute el\n   */\n  focusOnParent?: boolean;\n}\n\nconst focusOnRelativeParentStyle = {\n  _focusWithin: {\n    position: \"static\",\n    boxShadow: \"none\",\n    \"&::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      height: \"100%\",\n      width: \"100%\",\n      pointerEvents: \"none\",\n      borderRadius: \"0.25rem\",\n      ...focusStyle,\n    },\n  },\n};\n\n/*\n * Komponent som sørger for luft over anchors (elementer man kan lenke til med hash-lenker feks <a href=\"#min-overskrift\">Ta meg til overskrift</a>)\n */\nexport function HashLinkTargetBS(props: Props) {\n  return (\n    <Box position=\"relative\" css={props.focusOnParent ? focusOnRelativeParentStyle : undefined}>\n      <Box\n        id={props.id}\n        tabIndex={props.focusOnParent ? -1 : undefined}\n        position=\"absolute\"\n        top={`-${props.spaceAbove || \"2.5rem\"}`}\n        _focus={{\n          boxShadow: \"none !important\",\n        }}\n      />\n    </Box>\n  );\n}\n"]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-PLWK7HEC.js","../src/components/HashLinkTargetBS.tsx"],"names":["Object","defineProperty","exports","value","_interopRequireDefault","obj","__esModule","default","_chunkQBXCCJ24js","require","_react","_react3","_react4","focusOnRelativeParentStyle","_focusWithin","position","boxShadow","content","top","left","height","width","pointerEvents","borderRadius","focusStyle","HashLinkTargetBS","props","createElement","Box","css","focusOnParent","id","tabIndex","spaceAbove","_focus"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA,SAAAC,uBAAAC,GAAA;IAAA,OAAAA,OAAAA,IAAAC,UAAA,GAAAD,MAAA;QAAAE,SAAAF;IAAA;AAAA;AAAA;AAGA,IAAAG,mBAAAC,QAAA;AAEA,sCAAA;ACLA,IAAAC,SAAAD,QAAA;AACA,IAAAE,UAAAF,QAAA;AAAA,IAAAG,UAAAR,uBAAAO;AAeA,IAAME,6BAA6B;IACjCC,cAAc;QACZC,UAAU;QACVC,WAAW;QACX,YAAY;YACVC,SAAS;YACTF,UAAU;YACVG,KAAK;YACLC,MAAM;YACNC,QAAQ;YACRC,OAAO;YACPC,eAAe;YACfC,cAAc;WACXf,iBAAAgB,UAAA;IAEP;AACF;AAKO,SAASC,iBAAiBC,KAAA;IAC/B,OAAA,aAAA,GACEd,QAAAL,OAAA,CAAAoB,aAAA,CAACjB,OAAAkB,GAAA,EAAA;QAAIb,UAAS;QAAWc,KAAKH,MAAMI,aAAA,GAAgBjB,6BAA6B,KAAA;IAAA,GAAA,aAAA,GAC/ED,QAAAL,OAAA,CAAAoB,aAAA,CAACjB,OAAAkB,GAAA,EAAA;QACCG,IAAIL,MAAMK,EAAA;QACVC,UAAUN,MAAMI,aAAA,GAAgB,CAAA,IAAK,KAAA;QACrCf,UAAS;QACTG,KAAK,IAAgC,OAA5BQ,MAAMO,UAAA,IAAc;QACrBC,QAAA;YACKlB,WAAA;QACb;IAAA;AAIR;ADT4Cd,QAAAuB,gBAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\"use client\";\n\n\nvar _chunkQBXCCJ24js = require('./chunk-QBXCCJ24.js');\n\n// src/components/HashLinkTargetBS.tsx\nvar _react = require('@chakra-ui/react');\nvar _react3 = require('react'); var _react4 = _interopRequireDefault(_react3);\nvar 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      ..._chunkQBXCCJ24js.focusStyle\n    }\n  }\n};\nfunction HashLinkTargetBS(props) {\n  return /* @__PURE__ */ _react4.default.createElement(_react.Box, { position: \"relative\", css: props.focusOnParent ? focusOnRelativeParentStyle : void 0 }, /* @__PURE__ */ _react4.default.createElement(\n    _react.Box,\n    {\n      id: props.id,\n      tabIndex: props.focusOnParent ? -1 : void 0,\n      position: \"absolute\",\n      top: `-${props.spaceAbove || \"2.5rem\"}`,\n      _focus: {\n        boxShadow: \"none !important\"\n      }\n    }\n  ));\n}\n\n\n\nexports.HashLinkTargetBS = HashLinkTargetBS;\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"]}

package/dist/chunk-PQLTQYZ3.mjs

@@ -1,15 +1,41 @@
 "use client";
-import {
-  biblioteksentralenChakraTheme
-} from "./chunk-5GJBW3WE.mjs";
-
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { biblioteksentralenChakraTheme } from "./chunk-5GJBW3WE.mjs";
 // src/components/BiblioteksentralenProvider.tsx
 import React from "react";
 import { ChakraProvider, createSystem, defaultConfig } from "@chakra-ui/react";
 import { ColorModeProvider } from "@chakra-ui/system";
-var BiblioteksentralenProvider = (props) => /* @__PURE__ */ React.createElement(ChakraProvider, { value: createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {}) }, /* @__PURE__ */ React.createElement(ColorModeProvider, { ...props }));
-
-export {
-  BiblioteksentralenProvider
+var BiblioteksentralenProvider = function(props) {
+    return /* @__PURE__ */ React.createElement(ChakraProvider, {
+        value: createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})
+    }, /* @__PURE__ */ React.createElement(ColorModeProvider, _object_spread({}, props)));
 };
+export { BiblioteksentralenProvider };
 //# sourceMappingURL=chunk-PQLTQYZ3.mjs.map

package/dist/chunk-PQLTQYZ3.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BiblioteksentralenProvider.tsx"],"sourcesContent":["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":";;;;;;AAAA,OAAO,WAA0B;AACjC,SAAS,gBAAgB,cAAc,qBAAmC;AAE1E,SAAS,yBAAyB;AAO3B,IAAM,6BAA6B,CAAC,UACzC,oCAAC,kBAAe,OAAO,aAAa,eAAe,+BAA+B,MAAM,eAAe,CAAC,CAAC,KACvG,oCAAC,qBAAmB,GAAG,OAAO,CAChC;","names":[]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-PQLTQYZ3.mjs","../src/components/BiblioteksentralenProvider.tsx"],"names":["biblioteksentralenChakraTheme","React","ChakraProvider","createSystem","defaultConfig","ColorModeProvider","BiblioteksentralenProvider","props","createElement","value","customTheme"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SACEA,6BAA6B,QACxB,uBAAuB;AAE9B,gDAAgD;ACLhD,OAAOC,WAA0B,QAAA;AACjC,SAASC,cAAA,EAAgBC,YAAA,EAAcC,aAAA,QAAmC,mBAAA;AAE1E,SAASC,iBAAA,QAAyB,oBAAA;AAO3B,IAAMC,6BAA6B,SAACC;WACzC,aAAA,GAAAN,MAAAO,aAAA,CAACN,gBAAA;QAAeO,OAAON,aAAaC,eAAeJ,+BAA+BO,MAAMG,WAAA,IAAe,CAAC;IAAC,GACvG,aAAA,GAAAT,MAAAO,aAAA,CAACH,mBAAA,mBAAsBE;;ADD3B,SACED,0BAA0B,GAC1B","sourcesContent":["\"use client\";\nimport {\n  biblioteksentralenChakraTheme\n} from \"./chunk-5GJBW3WE.mjs\";\n\n// src/components/BiblioteksentralenProvider.tsx\nimport React from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig } from \"@chakra-ui/react\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\nvar BiblioteksentralenProvider = (props) => /* @__PURE__ */ React.createElement(ChakraProvider, { value: createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {}) }, /* @__PURE__ */ React.createElement(ColorModeProvider, { ...props }));\n\nexport {\n  BiblioteksentralenProvider\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"]}

package/dist/chunk-QAW4IRLI.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts"],"names":[],"mappings":";;;AAAA,SAAS,cAAc;AACvB,SAAS,UAAU;ACDZ,IAAM,SAAS;EACpB,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,gBAAW;EACX,kBAAa;EACb,cAAc;EACd,aAAa;EACb,aAAa;EACb,gBAAgB;EAChB,kBAAkB;EAClB,cAAc;EACd,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,WAAW;EACX,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,SAAS;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;EACT;AACF;ACxCO,SAAS,gBAAyB;AACvC,SAAO,QAAQ,IAAI,aAAa;AAClC","sourcesContent":["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"]}
+{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-QAW4IRLI.js","../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts"],"names":["Object","defineProperty","exports","value","_format","require","_nb","colors","black","grey90","grey80","grey60","grey45","grey30","grey15","grey10","grey05","white","bsRødDark","bsRødMedium","accentPurple","accentPeach","accentGreen","accentBlueDark","accentBlueMedium","accentYellow","lightBlue","lightGreen","lightPeach","lightPurple","statusRed","statusYellow","statusGreen","statusGreenLight","statusRedLight","statusYellowLight","neptune","isDevelopment","process","env","NODE_ENV"],"mappings":"AAAA;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA;AAEA,0BAAA;ACFA,IAAAC,UAAAC,QAAA;AACA,IAAAC,MAAAD,QAAA;ACDO,IAAME,SAAS;IACpBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC,aAAa;IACbC,cAAc;IACdC,aAAa;IACbC,aAAa;IACbC,gBAAgB;IAChBC,kBAAkB;IAClBC,cAAc;IACdC,WAAW;IACXC,YAAY;IACZC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,cAAc;IACdC,aAAa;IACbC,kBAAkB;IAClBC,gBAAgB;IAChBC,mBAAmB;IACnBC,SAAS;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;IACT;AACF;ACxCO,SAASC;IACd,OAAOC,QAAQC,GAAA,CAAIC,QAAA,KAAa;AAClC;AHmDAtC,QAAAK,MAAA,GAAAA;AAAAL,QAAAmC,aAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true});\"use client\";\n\n// ../utils/dist/index.mjs\nvar _format = require('date-fns/format');\nvar _nb = require('date-fns/locale/nb');\nvar 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\\u00F8dDark: \"#870010\",\n  bsR\\u00F8dMedium: \"#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};\nfunction isDevelopment() {\n  return process.env.NODE_ENV === \"development\";\n}\n\n\n\n\nexports.colors = colors; exports.isDevelopment = isDevelopment;\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"]}

package/dist/chunk-QBXCCJ24.js.map

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