@leabankab/component-library 7.3.0 → 8.1.0

package/dist/cookie-consent-react.mjs

@@ -1,55 +1,64 @@
 "use client";
 import { a as e, c as t, i as n, l as r, o as i, r as a, s as o, t as s } from "./cookie-consent-core-mwVmy5nZ.mjs";
-import { createContext as c, forwardRef as l, isValidElement as u, useContext as d, useEffect as f, useId as p, useMemo as ee, useState as m, useSyncExternalStore as h } from "react";
+import { createContext as c, isValidElement as l, useContext as u, useEffect as d, useId as f, useMemo as p, useState as m, useSyncExternalStore as h } from "react";
 import { Button as g } from "@base-ui/react/button";
 import { useRender as _ } from "@base-ui/react/use-render";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { Dialog as x } from "@base-ui/react/dialog";
-import { ChevronDown as te, X as ne } from "lucide-react";
+import { ChevronDown as ee, X as te } from "lucide-react";
 import { Switch as S } from "@base-ui/react/switch";
 import { Accordion as C } from "@base-ui/react/accordion";
 import './cookie-consent.css';//#region src/utils/merge-class-name.ts
 var w = (e, t) => (n) => [e, typeof t == "function" ? t(n) : t].filter(Boolean).join(" "), T = {
-	Button: "_Button_sgjjo_9",
-	IconButton: "_IconButton_sgjjo_140",
-	Spinner: "_Spinner_sgjjo_167",
-	"button-spin": "_button-spin_sgjjo_1",
-	SrOnly: "_SrOnly_sgjjo_185"
-}, re = (e) => u(e) && (e.props.href != null || e.props.to != null), ie = (e) => e.preventDefault(), ae = l(function({ variant: e = "solid", color: t = "accent", size: n = "md", loading: r = !1, disabled: i, className: a, render: o, nativeButton: s, focusableWhenDisabled: c, ...l }, u) {
-	let d = !!(i || r), f = re(o), p = {
-		"aria-busy": r || void 0,
-		"data-variant": e,
-		"data-color": t,
-		"data-size": n,
-		"data-loading": r || void 0
+	Button: "_Button_1d72q_1",
+	IconButton: "_IconButton_1d72q_125",
+	Spinner: "_Spinner_1d72q_150",
+	"button-spin": "_button-spin_1d72q_1",
+	SrOnly: "_SrOnly_1d72q_168"
+}, E = (e) => l(e) && (e.props.href != null || e.props.to != null), ne = (e) => e.preventDefault();
+function re({ loading: e = !1, disabled: t, className: n, render: r, nativeButton: i, focusableWhenDisabled: a, ref: o, ...s }) {
+	let c = !!(t || e), l = E(r), u = {
+		"aria-busy": e || void 0,
+		"data-loading": e || void 0
 	};
 	return _({
-		enabled: f,
-		render: f ? o : void 0,
-		ref: u,
+		enabled: l,
+		render: l ? r : void 0,
+		ref: o,
 		defaultTagName: "a",
 		props: {
-			...l,
-			...p,
-			"aria-disabled": d || void 0,
-			"data-disabled": d ? "" : void 0,
-			className: w(T.Button, a)({ disabled: d }),
-			onClick: d ? ie : l.onClick
+			...s,
+			...u,
+			"aria-disabled": c || void 0,
+			"data-disabled": c ? "" : void 0,
+			className: typeof n == "function" ? n({ disabled: c }) : n,
+			onClick: c ? ne : s.onClick
 		}
 	}) || /* @__PURE__ */ y(g, {
-		...l,
-		...p,
-		ref: u,
-		render: o,
-		nativeButton: s,
-		focusableWhenDisabled: c,
-		disabled: d,
-		className: w(T.Button, a)
+		...s,
+		...u,
+		ref: o,
+		render: r,
+		nativeButton: i,
+		focusableWhenDisabled: a,
+		disabled: c,
+		className: n
+	});
+}
+function ie({ variant: e = "solid", color: t = "primary", size: n = "md", className: r, ...i }) {
+	return /* @__PURE__ */ y(re, {
+		...i,
+		"data-variant": e,
+		"data-color": t,
+		"data-size": n,
+		className: w(T.Button, r)
 	});
-}), E = l(function({ startIcon: e, endIcon: t, loading: n = !1, loadingLabel: r, children: i, ...a }, o) {
-	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(ae, {
+}
+//#endregion
+//#region src/components/buttons/button.tsx
+function D({ startIcon: e, endIcon: t, loading: n = !1, loadingLabel: r, children: i, ...a }) {
+	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(ie, {
 		...a,
-		ref: o,
 		loading: n,
 		"data-start-icon": n || e != null || void 0,
 		"data-end-icon": t != null || void 0,
@@ -66,22 +75,23 @@ var w = (e, t) => (n) => [e, typeof t == "function" ? t(n) : t].filter(Boolean).
 		className: T.SrOnly,
 		children: n ? r : null
 	})] });
-}), D = {
-	Backdrop: "_Backdrop_1tudt_8",
-	Viewport: "_Viewport_1tudt_22",
-	Popup: "_Popup_1tudt_38",
-	Header: "_Header_1tudt_78",
-	Title: "_Title_1tudt_88",
-	Description: "_Description_1tudt_96",
-	Content: "_Content_1tudt_110",
-	Footer: "_Footer_1tudt_118",
-	CloseButton: "_CloseButton_1tudt_134"
-}, oe = c("no"), se = () => d(oe);
+}
+var O = {
+	Backdrop: "_Backdrop_1mady_8",
+	Viewport: "_Viewport_1mady_22",
+	Popup: "_Popup_1mady_38",
+	Header: "_Header_1mady_78",
+	Title: "_Title_1mady_88",
+	Description: "_Description_1mady_97",
+	Content: "_Content_1mady_111",
+	Footer: "_Footer_1mady_119",
+	CloseButton: "_CloseButton_1mady_135"
+}, ae = c("no"), oe = () => u(ae);
 //#endregion
 //#region src/i18n/create-translation.ts
-function ce(e) {
+function se(e) {
 	return function() {
-		let t = se(), n = {};
+		let t = oe(), n = {};
 		return Object.keys(e).forEach((r) => {
 			let i = e[r];
 			n[r] = i[t] ?? i.no;
@@ -90,7 +100,7 @@ function ce(e) {
 }
 //#endregion
 //#region src/components/feedback/use-close-label.ts
-var O = ce({ close: {
+var ce = se({ close: {
 	no: "Lukk",
 	se: "Stäng",
 	fi: "Sulje",
@@ -101,13 +111,13 @@ var A = x.Portal;
 function j({ className: e, ...t }) {
 	return /* @__PURE__ */ y(x.Backdrop, {
 		...t,
-		className: w(D.Backdrop, e)
+		className: w(O.Backdrop, e)
 	});
 }
 function M({ className: e, ...t }) {
 	return /* @__PURE__ */ y(x.Viewport, {
 		...t,
-		className: w(D.Viewport, e)
+		className: w(O.Viewport, e)
 	});
 }
 function N({ size: e = "sm", fullScreenOnMobile: t, className: n, ...r }) {
@@ -115,55 +125,55 @@ function N({ size: e = "sm", fullScreenOnMobile: t, className: n, ...r }) {
 		...r,
 		"data-size": e,
 		"data-full-screen-on-mobile": t || void 0,
-		className: w(D.Popup, n)
+		className: w(O.Popup, n)
 	});
 }
 function P({ className: e, ...t }) {
 	return /* @__PURE__ */ y("div", {
 		...t,
-		className: [D.Header, e].filter(Boolean).join(" ")
+		className: [O.Header, e].filter(Boolean).join(" ")
 	});
 }
 function F({ className: e, ...t }) {
 	return /* @__PURE__ */ y(x.Title, {
 		...t,
-		className: w(D.Title, e)
+		className: w(O.Title, e)
 	});
 }
 function I({ className: e, ...t }) {
 	return /* @__PURE__ */ y(x.Description, {
 		...t,
-		className: w(D.Description, e)
+		className: w(O.Description, e)
 	});
 }
 function L({ className: e, ...t }) {
 	return /* @__PURE__ */ y("div", {
 		...t,
-		className: [D.Content, e].filter(Boolean).join(" ")
+		className: [O.Content, e].filter(Boolean).join(" ")
 	});
 }
 function R({ className: e, ...t }) {
 	return /* @__PURE__ */ y("div", {
 		...t,
-		className: [D.Footer, e].filter(Boolean).join(" ")
+		className: [O.Footer, e].filter(Boolean).join(" ")
 	});
 }
 x.Close;
 function z({ label: e, className: t, ...n }) {
-	let r = O();
+	let r = ce();
 	return /* @__PURE__ */ y(x.Close, {
 		...n,
 		"aria-label": e ?? r.close,
-		className: w(D.CloseButton, t),
-		children: /* @__PURE__ */ y(ne, {
+		className: w(O.CloseButton, t),
+		children: /* @__PURE__ */ y(te, {
 			size: 20,
 			"aria-hidden": !0
 		})
 	});
 }
 var B = {
-	Switch: "_Switch_d3xdl_7",
-	Thumb: "_Thumb_d3xdl_36"
+	Switch: "_Switch_9c9ji_7",
+	Thumb: "_Thumb_9c9ji_36"
 };
 //#endregion
 //#region src/components/form/switch.tsx
@@ -175,14 +185,14 @@ function V({ className: e, ...t }) {
 	});
 }
 var H = {
-	Root: "_Root_i17mg_13",
-	Item: "_Item_i17mg_10",
-	Header: "_Header_i17mg_10",
-	Trigger: "_Trigger_i17mg_95",
-	Label: "_Label_i17mg_135",
-	Icon: "_Icon_i17mg_139",
-	Panel: "_Panel_i17mg_157",
-	Content: "_Content_i17mg_168"
+	Root: "_Root_18gqk_13",
+	Item: "_Item_18gqk_10",
+	Header: "_Header_18gqk_10",
+	Trigger: "_Trigger_18gqk_95",
+	Label: "_Label_18gqk_136",
+	Icon: "_Icon_18gqk_140",
+	Panel: "_Panel_18gqk_158",
+	Content: "_Content_18gqk_169"
 };
 //#endregion
 //#region src/components/surfaces/accordion.tsx
@@ -194,13 +204,13 @@ function U({ variant: e = "outline", iconPosition: t = "end", className: n, ...r
 		className: w(H.Root, n)
 	});
 }
-function le({ className: e, ...t }) {
+function W({ className: e, ...t }) {
 	return /* @__PURE__ */ y(C.Item, {
 		...t,
 		className: w(H.Item, e)
 	});
 }
-function W({ className: e, ...t }) {
+function le({ className: e, ...t }) {
 	return /* @__PURE__ */ y(C.Header, {
 		...t,
 		className: w(H.Header, e)
@@ -213,7 +223,7 @@ function ue({ children: e, className: t, ...n }) {
 		children: [/* @__PURE__ */ y("span", {
 			className: H.Label,
 			children: e
-		}), /* @__PURE__ */ y(te, {
+		}), /* @__PURE__ */ y(ee, {
 			className: H.Icon,
 			size: 20,
 			"aria-hidden": !0
@@ -231,11 +241,11 @@ function de({ children: e, className: t, ...n }) {
 	});
 }
 var G = {
-	Intro: "_Intro_1lxh4_7",
-	Categories: "_Categories_1lxh4_39",
-	CategoryDescription: "_CategoryDescription_1lxh4_43",
-	Actions: "_Actions_1lxh4_49",
-	Save: "_Save_1lxh4_60"
+	Intro: "_Intro_nxwj4_7",
+	Categories: "_Categories_nxwj4_39",
+	CategoryDescription: "_CategoryDescription_nxwj4_43",
+	Actions: "_Actions_nxwj4_52",
+	Save: "_Save_nxwj4_63"
 }, K = "https://relative.invalid";
 function q(e, t) {
 	try {
@@ -310,10 +320,10 @@ function Z(e) {
 	};
 }
 function he({ category: e, copy: t, checked: n, onCheckedChange: r }) {
-	let i = p(), a = p(), { title: o, description: s } = t.categories[e];
-	return /* @__PURE__ */ b(le, {
+	let i = f(), a = f(), { title: o, description: s } = t.categories[e];
+	return /* @__PURE__ */ b(W, {
 		value: e,
-		children: [/* @__PURE__ */ b(W, { children: [/* @__PURE__ */ y(ue, { children: /* @__PURE__ */ y("span", {
+		children: [/* @__PURE__ */ b(le, { children: [/* @__PURE__ */ y(ue, { children: /* @__PURE__ */ y("span", {
 			id: i,
 			children: o
 		}) }), /* @__PURE__ */ y(V, {
@@ -370,21 +380,21 @@ function ge({ open: e, consent: t, copy: n, resolveHref: i, onAcceptAll: a, onAc
 				/* @__PURE__ */ b(R, {
 					className: G.Actions,
 					children: [
-						/* @__PURE__ */ y(E, {
+						/* @__PURE__ */ y(D, {
 							onClick: a,
-							color: "neutral",
+							color: "secondary",
 							size: "sm",
 							children: n.btnAcceptAll
 						}),
-						/* @__PURE__ */ y(E, {
+						/* @__PURE__ */ y(D, {
 							onClick: o,
-							color: "neutral",
+							color: "secondary",
 							size: "sm",
 							children: n.btnAcceptNecessary
 						}),
-						/* @__PURE__ */ y(E, {
+						/* @__PURE__ */ y(D, {
 							variant: "outline",
-							color: "neutral",
+							color: "secondary",
 							size: "sm",
 							className: G.Save,
 							onClick: () => s(r.filter((e) => u[e])),
@@ -400,19 +410,19 @@ function ge({ open: e, consent: t, copy: n, resolveHref: i, onAcceptAll: a, onAc
 //#region src/cookie-consent/react.tsx
 var Q = c(null);
 function $({ market: r, copy: c, resolveHref: l, children: u }) {
-	let { consent: d, settingsOpen: p, ready: m } = h(t, n, a);
-	f(() => {
+	let { consent: f, settingsOpen: m, ready: g } = h(t, n, a);
+	d(() => {
 		e({ market: r });
 	}, []);
-	let g = ee(() => ({
-		consent: d,
+	let _ = p(() => ({
+		consent: f,
 		openSettings: i
-	}), [d]);
+	}), [f]);
 	return /* @__PURE__ */ b(Q.Provider, {
-		value: g,
-		children: [u, m && /* @__PURE__ */ y(ge, {
-			open: p,
-			consent: d,
+		value: _,
+		children: [u, g && /* @__PURE__ */ y(ge, {
+			open: m,
+			consent: f,
 			copy: c,
 			resolveHref: l,
 			onAcceptAll: () => o("all"),
@@ -423,7 +433,7 @@ function $({ market: r, copy: c, resolveHref: l, children: u }) {
 	});
 }
 function _e() {
-	let e = d(Q);
+	let e = u(Q);
 	if (!e) throw Error("useCookieConsent must be used inside a CookieConsentProvider.");
 	return e;
 }