@banzamel/mineralui 1.8.0 → 1.9.0

package/dist/MImage-Btx_7g2Z.js

@@ -1,257 +0,0 @@
-import { r as e } from "./theme-D_f-cmSA.js";
-import { Fi as t, Li as n, Pi as r } from "./icons-CfpYxnfg.js";
-import { t as i } from "./cn-YER3QsV1.js";
-import { t as a } from "./useInteractionEffect-DtpbVd77.js";
-import { t as o } from "./MPortal-Ba2Sxset.js";
-import { t as s } from "./MButton-DZLLrtQb.js";
-import { s as c, t as l } from "./MSkeleton-BvXgnYs_.js";
-import { useEffect as u, useId as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/media/MMediaLightbox/MMediaLightbox.tsx
-function v({ open: e, items: a, activeIndex: l, onClose: d, onActiveIndexChange: f }) {
-	let m = a[l], h = p(null), v = l > 0, y = l < a.length - 1;
-	if (u(() => {
-		if (!e) return;
-		let t = (e) => {
-			if (e.key === "Escape") {
-				d();
-				return;
-			}
-			e.key === "ArrowLeft" && v && f(l - 1), e.key === "ArrowRight" && y && f(l + 1);
-		};
-		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-	}, [
-		l,
-		y,
-		v,
-		f,
-		d,
-		e
-	]), u(() => {
-		if (!e) return;
-		let t = document.body.style.overflow;
-		return document.body.style.overflow = "hidden", () => {
-			document.body.style.overflow = t;
-		};
-	}, [e]), !e || !m) return null;
-	let b = (e) => {
-		let t = e.target;
-		t && h.current && !h.current.contains(t) && d();
-	}, x = m.alt || m.caption || "Image preview";
-	return /* @__PURE__ */ g(o, { children: /* @__PURE__ */ g("div", {
-		className: i("mineral-backdrop", "media-lightbox-backdrop"),
-		onMouseDown: b,
-		children: /* @__PURE__ */ g("div", {
-			className: "media-lightbox-shell",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": x,
-			children: /* @__PURE__ */ g("div", {
-				className: "media-lightbox-stage",
-				children: /* @__PURE__ */ _("div", {
-					ref: h,
-					className: "media-lightbox-frame",
-					children: [
-						/* @__PURE__ */ _("div", {
-							className: "media-lightbox-topbar",
-							children: [/* @__PURE__ */ g(c, {
-								color: "dark",
-								size: "md",
-								rounded: !0,
-								className: "media-lightbox-counter",
-								children: a.length > 1 ? `${l + 1} / ${a.length}` : "Preview"
-							}), /* @__PURE__ */ g(s, {
-								type: "button",
-								variant: "ghost",
-								color: "error",
-								size: "lg",
-								shape: "circle",
-								iconOnly: !0,
-								className: "media-lightbox-action",
-								"aria-label": "Close preview",
-								onClick: d,
-								children: /* @__PURE__ */ g(n, {})
-							})]
-						}),
-						/* @__PURE__ */ g(s, {
-							type: "button",
-							variant: "ghost",
-							color: "primary",
-							size: "lg",
-							shape: "circle",
-							iconOnly: !0,
-							className: "media-lightbox-nav media-lightbox-nav-prev",
-							"aria-label": "Previous image",
-							disabled: a.length <= 1 || !v,
-							onClick: () => v && f(l - 1),
-							children: /* @__PURE__ */ g(t, {})
-						}),
-						/* @__PURE__ */ g("img", {
-							className: "media-lightbox-image",
-							src: m.src,
-							alt: m.alt || ""
-						}),
-						/* @__PURE__ */ g(s, {
-							type: "button",
-							variant: "ghost",
-							color: "primary",
-							size: "lg",
-							shape: "circle",
-							iconOnly: !0,
-							className: "media-lightbox-nav media-lightbox-nav-next",
-							"aria-label": "Next image",
-							disabled: a.length <= 1 || !y,
-							onClick: () => y && f(l + 1),
-							children: /* @__PURE__ */ g(r, {})
-						}),
-						m.caption || m.alt ? /* @__PURE__ */ g(c, {
-							color: "dark",
-							size: "sm",
-							rounded: !0,
-							className: "media-lightbox-caption",
-							children: m.caption || m.alt
-						}) : null
-					]
-				})
-			})
-		})
-	}) });
-}
-//#endregion
-//#region src/components/media/mediaPreviewRegistry.ts
-var y = /* @__PURE__ */ new Map();
-function b(e, t, n) {
-	let r = y.get(e);
-	return r || (r = /* @__PURE__ */ new Map(), y.set(e, r)), r.set(t, {
-		id: t,
-		...n
-	}), () => {
-		let n = y.get(e);
-		n && (n.delete(t), n.size === 0 && y.delete(e));
-	};
-}
-function x(e) {
-	return Array.from(y.get(e)?.values() ?? []);
-}
-//#endregion
-//#region src/components/media/mediaInteraction.ts
-function S(e) {
-	return e === "ripple" || e === "zoom-ripple";
-}
-function C(e) {
-	return e === "zoom" || e === "zoom-ripple";
-}
-function w(e) {
-	return e === "dim";
-}
-function T(e) {
-	return e === "zoom" || e === "zoom-dim";
-}
-function E(e) {
-	return e === "dim" || e === "zoom-dim";
-}
-//#endregion
-//#region src/components/media/MImage/MImage.tsx
-var D = {
-	"1:1": "1 / 1",
-	"4:3": "4 / 3",
-	"16:9": "16 / 9",
-	"21:9": "21 / 9"
-};
-function O(e) {
-	if (e != null) return typeof e == "number" ? `${e}px` : e;
-}
-function k({ src: t, fit: n = "cover", ratio: r = "auto", width: o, height: s, hidden: c, rounded: p = !1, bordered: y = !1, shadow: S = !1, preview: C = !1, previewGroup: w, hoverEffect: k = "none", clickEffect: ee = "none", fallback: A, skeleton: j = !1, className: M, style: te, alt: N, onError: ne, ...P }) {
-	let [re, ie] = m(!1), [F, I] = m(!1), [L, R] = m([]), [z, B] = m(0), V = d(), { effectClassName: ae, effectLayer: H, handlePointerDown: U } = a({ effect: j ? "none" : ee }), W = (e) => {
-		A && !re && (ie(!0), e.currentTarget.src = A), ne?.(e);
-	}, G = O(o), K = O(s), q = G != null || K != null, J = r !== "auto" && !!D[r], Y = {};
-	G != null && (Y.width = G), K != null && (Y.height = K);
-	let X = {
-		...te,
-		...J ? { aspectRatio: D[r] } : null,
-		...Y
-	}, Z = re && A ? A : t, Q = f(() => ({
-		src: Z || "",
-		alt: N ?? "",
-		caption: typeof P.title == "string" ? P.title : void 0
-	}), [
-		N,
-		Z,
-		P.title
-	]);
-	if (u(() => {
-		if (!(!C || !w || !Z)) return b(w, V, Q);
-	}, [
-		C,
-		w,
-		V,
-		Q,
-		Z
-	]), j) return /* @__PURE__ */ g(l, {
-		variant: "rectangle",
-		animate: "pulse",
-		className: i("image-skeleton", p && "rounded", y && "bordered", M),
-		style: X,
-		"aria-label": "Loading",
-		...e(c)
-	});
-	let oe = () => {
-		if (!(!C || !Z)) {
-			if (w) {
-				let e = x(w), t = e.findIndex((e) => e.id === V);
-				if (e.length > 0 && t >= 0) {
-					R(e.map(({ id: e, ...t }) => t)), B(t), I(!0);
-					return;
-				}
-			}
-			R([Q]), B(0), I(!0);
-		}
-	}, se = i("image", n, !H && p && "rounded", !H && y && "bordered", !H && S && "shadow"), ce = J || q || !!H || C || k !== "none", le = i("image-wrap", J && "has-ratio", q && "has-size", p && "rounded", y && "bordered", S && "shadow", C && "preview", T(k) && "effect-zoom", E(k) && "effect-dim", ae, M), $ = /* @__PURE__ */ g("img", {
-		className: se,
-		onError: W,
-		src: Z,
-		...P,
-		alt: N ?? ""
-	});
-	return ce ? /* @__PURE__ */ _(h, { children: [C ? /* @__PURE__ */ _("button", {
-		type: "button",
-		className: i(le, "image-button"),
-		"aria-label": `Preview ${N || "image"}`,
-		onClick: oe,
-		onPointerDown: H ? U : void 0,
-		disabled: !Z,
-		...e(c),
-		style: X,
-		children: [H, $]
-	}) : /* @__PURE__ */ _("span", {
-		className: le,
-		onPointerDown: H ? U : void 0,
-		...e(c),
-		style: X,
-		children: [H, $]
-	}), /* @__PURE__ */ g(v, {
-		open: F,
-		items: L,
-		activeIndex: z,
-		onActiveIndexChange: B,
-		onClose: () => I(!1)
-	})] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("img", {
-		className: i(se, M),
-		style: X,
-		onError: W,
-		src: Z,
-		...e(c),
-		...P,
-		alt: N ?? ""
-	}), /* @__PURE__ */ g(v, {
-		open: F,
-		items: L,
-		activeIndex: z,
-		onActiveIndexChange: B,
-		onClose: () => I(!1)
-	})] });
-}
-//#endregion
-export { S as a, T as i, w as n, C as o, E as r, v as s, k as t };
-
-//# sourceMappingURL=MImage-Btx_7g2Z.js.map

package/dist/MImage-Btx_7g2Z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MImage-Btx_7g2Z.js","names":[],"sources":["../src/components/media/MMediaLightbox/MMediaLightbox.tsx","../src/components/media/mediaPreviewRegistry.ts","../src/components/media/mediaInteraction.ts","../src/components/media/MImage/MImage.tsx"],"sourcesContent":["import {useEffect, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport {MButton} from '../../controls'\nimport {MBadge} from '../../feedback'\nimport {MPortal} from '../../primitives'\nimport {MCloseIcon, MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MMediaLightbox.css'\n\nexport interface MMediaLightboxItem {\n    src: string\n    alt?: string\n    caption?: string\n}\n\ninterface MMediaLightboxProps {\n    open: boolean\n    items: MMediaLightboxItem[]\n    activeIndex: number\n    onClose: () => void\n    onActiveIndexChange: (index: number) => void\n}\n\nexport function MMediaLightbox({open, items, activeIndex, onClose, onActiveIndexChange}: MMediaLightboxProps) {\n    const currentItem = items[activeIndex]\n    const frameRef = useRef<HTMLDivElement | null>(null)\n    const canGoPrev = activeIndex > 0\n    const canGoNext = activeIndex < items.length - 1\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                onClose()\n                return\n            }\n\n            if (event.key === 'ArrowLeft' && canGoPrev) {\n                onActiveIndexChange(activeIndex - 1)\n            }\n\n            if (event.key === 'ArrowRight' && canGoNext) {\n                onActiveIndexChange(activeIndex + 1)\n            }\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [activeIndex, canGoNext, canGoPrev, onActiveIndexChange, onClose, open])\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\n\n        const previousOverflow = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n\n        return () => {\n            document.body.style.overflow = previousOverflow\n        }\n    }, [open])\n\n    if (!open || !currentItem) {\n        return null\n    }\n\n    const handleBackdropMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as Node | null\n\n        if (target && frameRef.current && !frameRef.current.contains(target)) {\n            onClose()\n        }\n    }\n\n    const previewLabel = currentItem.alt || currentItem.caption || 'Image preview'\n\n    return (\n        <MPortal>\n            <div className={cn('mineral-backdrop', 'media-lightbox-backdrop')} onMouseDown={handleBackdropMouseDown}>\n                <div className=\"media-lightbox-shell\" role=\"dialog\" aria-modal=\"true\" aria-label={previewLabel}>\n                    <div className=\"media-lightbox-stage\">\n                        <div ref={frameRef} className=\"media-lightbox-frame\">\n                            <div className=\"media-lightbox-topbar\">\n                                <MBadge color=\"dark\" size=\"md\" rounded className=\"media-lightbox-counter\">\n                                    {items.length > 1 ? `${activeIndex + 1} / ${items.length}` : 'Preview'}\n                                </MBadge>\n                                <MButton\n                                    type=\"button\"\n                                    variant=\"ghost\"\n                                    color=\"error\"\n                                    size=\"lg\"\n                                    shape=\"circle\"\n                                    iconOnly\n                                    className=\"media-lightbox-action\"\n                                    aria-label=\"Close preview\"\n                                    onClick={onClose}\n                                >\n                                    <MCloseIcon />\n                                </MButton>\n                            </div>\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-prev\"\n                                aria-label=\"Previous image\"\n                                disabled={items.length <= 1 || !canGoPrev}\n                                onClick={() => canGoPrev && onActiveIndexChange(activeIndex - 1)}\n                            >\n                                <MChevronLeftIcon />\n                            </MButton>\n\n                            <img className=\"media-lightbox-image\" src={currentItem.src} alt={currentItem.alt || ''} />\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-next\"\n                                aria-label=\"Next image\"\n                                disabled={items.length <= 1 || !canGoNext}\n                                onClick={() => canGoNext && onActiveIndexChange(activeIndex + 1)}\n                            >\n                                <MChevronRightIcon />\n                            </MButton>\n\n                            {currentItem.caption || currentItem.alt ? (\n                                <MBadge color=\"dark\" size=\"sm\" rounded className=\"media-lightbox-caption\">\n                                    {currentItem.caption || currentItem.alt}\n                                </MBadge>\n                            ) : null}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n","import type {MMediaLightboxItem} from './MMediaLightbox/MMediaLightbox'\n\ninterface MMediaPreviewRegistryItem extends MMediaLightboxItem {\n    id: string\n}\n\nconst previewGroups = new Map<string, Map<string, MMediaPreviewRegistryItem>>()\n\nexport function registerMediaPreviewItem(group: string, id: string, item: MMediaLightboxItem) {\n    let groupItems = previewGroups.get(group)\n\n    if (!groupItems) {\n        groupItems = new Map()\n        previewGroups.set(group, groupItems)\n    }\n\n    groupItems.set(id, {id, ...item})\n\n    return () => {\n        const currentGroupItems = previewGroups.get(group)\n        if (!currentGroupItems) {\n            return\n        }\n\n        currentGroupItems.delete(id)\n\n        if (currentGroupItems.size === 0) {\n            previewGroups.delete(group)\n        }\n    }\n}\n\nexport function getMediaPreviewGroupItems(group: string) {\n    return Array.from(previewGroups.get(group)?.values() ?? [])\n}\n","import type {MClickEffect} from '../../utils/useInteractionEffect'\n\nexport type MMediaInteractionEffect = MClickEffect | 'zoom' | 'dim' | 'zoom-ripple'\nexport type MMediaHoverEffect = 'none' | 'zoom' | 'dim' | 'zoom-dim'\n\nexport function usesRipple(effect: MMediaInteractionEffect): boolean {\n    return effect === 'ripple' || effect === 'zoom-ripple'\n}\n\nexport function usesZoom(effect: MMediaInteractionEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-ripple'\n}\n\nexport function usesDim(effect: MMediaInteractionEffect): boolean {\n    return effect === 'dim'\n}\n\nexport function usesHoverZoom(effect: MMediaHoverEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-dim'\n}\n\nexport function usesHoverDim(effect: MMediaHoverEffect): boolean {\n    return effect === 'dim' || effect === 'zoom-dim'\n}\n","import {useEffect, useId, useMemo, useState} from 'react'\nimport type * as React from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MImageProps, MImageSize} from './MImage.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSkeleton} from '../../feedback'\nimport {MMediaLightbox} from '../MMediaLightbox/MMediaLightbox'\nimport {getMediaPreviewGroupItems, registerMediaPreviewItem} from '../mediaPreviewRegistry'\nimport {usesHoverDim, usesHoverZoom} from '../mediaInteraction'\nimport './MImage.css'\n\nconst RATIO_MAP: Record<string, string> = {\n    '1:1': '1 / 1',\n    '4:3': '4 / 3',\n    '16:9': '16 / 9',\n    '21:9': '21 / 9',\n}\n\nfunction toCssSize(value: MImageSize | undefined): string | undefined {\n    if (value == null) return undefined\n    return typeof value === 'number' ? `${value}px` : value\n}\n\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function MImage({\n    src,\n    fit = 'cover',\n    ratio = 'auto',\n    width,\n    height,\n    hidden,\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    preview = false,\n    previewGroup,\n    hoverEffect = 'none',\n    clickEffect = 'none',\n    fallback,\n    skeleton = false,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: MImageProps) {\n    const [errored, setErrored] = useState(false)\n    const [previewOpen, setPreviewOpen] = useState(false)\n    const [previewItems, setPreviewItems] = useState<Array<{src: string; alt?: string; caption?: string}>>([])\n    const [previewIndex, setPreviewIndex] = useState(0)\n    const previewId = useId()\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: skeleton ? 'none' : clickEffect,\n    })\n\n    const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (fallback && !errored) {\n            setErrored(true)\n            e.currentTarget.src = fallback\n        }\n        onError?.(e)\n    }\n\n    const widthValue = toCssSize(width)\n    const heightValue = toCssSize(height)\n    const hasExplicitSize = widthValue != null || heightValue != null\n    const hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const sizeStyle: CSSProperties = {}\n    if (widthValue != null) sizeStyle.width = widthValue\n    if (heightValue != null) sizeStyle.height = heightValue\n    const ratioStyle: CSSProperties = {\n        ...style,\n        ...(hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio]} : null),\n        ...sizeStyle,\n    }\n    const resolvedSrc = errored && fallback ? fallback : src\n    const previewItem = useMemo(\n        () => ({\n            src: resolvedSrc || '',\n            alt: alt ?? '',\n            caption: typeof rest.title === 'string' ? rest.title : undefined,\n        }),\n        [alt, resolvedSrc, rest.title]\n    )\n\n    useEffect(() => {\n        if (!preview || !previewGroup || !resolvedSrc) {\n            return\n        }\n\n        return registerMediaPreviewItem(previewGroup, previewId, previewItem)\n    }, [preview, previewGroup, previewId, previewItem, resolvedSrc])\n\n    // Skeleton placeholder\n    if (skeleton) {\n        return (\n            <MSkeleton\n                variant=\"rectangle\"\n                animate=\"pulse\"\n                className={cn('image-skeleton', rounded && 'rounded', bordered && 'bordered', className)}\n                style={ratioStyle}\n                aria-label=\"Loading\"\n                {...getHiddenProps(hidden)}\n            />\n        )\n    }\n\n    const openPreview = () => {\n        if (!preview || !resolvedSrc) {\n            return\n        }\n\n        if (previewGroup) {\n            const groupItems = getMediaPreviewGroupItems(previewGroup)\n            const currentIndex = groupItems.findIndex((item) => item.id === previewId)\n\n            if (groupItems.length > 0 && currentIndex >= 0) {\n                setPreviewItems(groupItems.map(({id, ...item}) => item))\n                setPreviewIndex(currentIndex)\n                setPreviewOpen(true)\n                return\n            }\n        }\n\n        setPreviewItems([previewItem])\n        setPreviewIndex(0)\n        setPreviewOpen(true)\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n    const usesWrapper = hasFixedRatio || hasExplicitSize || Boolean(effectLayer) || preview || hoverEffect !== 'none'\n    const wrapperClassName = cn(\n        'image-wrap',\n        hasFixedRatio && 'has-ratio',\n        hasExplicitSize && 'has-size',\n        rounded && 'rounded',\n        bordered && 'bordered',\n        shadow && 'shadow',\n        preview && 'preview',\n        usesHoverZoom(hoverEffect) && 'effect-zoom',\n        usesHoverDim(hoverEffect) && 'effect-dim',\n        effectClassName,\n        className\n    )\n    const imageNode = <img className={imgClassName} onError={handleError} src={resolvedSrc} {...rest} alt={alt ?? ''} />\n\n    if (usesWrapper) {\n        return (\n            <>\n                {preview ? (\n                    <button\n                        type=\"button\"\n                        className={cn(wrapperClassName, 'image-button')}\n                        aria-label={`Preview ${alt || 'image'}`}\n                        onClick={openPreview}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        disabled={!resolvedSrc}\n                        {...getHiddenProps(hidden)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </button>\n                ) : (\n                    <span\n                        className={wrapperClassName}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        {...getHiddenProps(hidden)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </span>\n                )}\n\n                <MMediaLightbox\n                    open={previewOpen}\n                    items={previewItems}\n                    activeIndex={previewIndex}\n                    onActiveIndexChange={setPreviewIndex}\n                    onClose={() => setPreviewOpen(false)}\n                />\n            </>\n        )\n    }\n\n    return (\n        <>\n            <img\n                className={cn(imgClassName, className)}\n                style={ratioStyle}\n                onError={handleError}\n                src={resolvedSrc}\n                {...getHiddenProps(hidden)}\n                {...rest}\n                alt={alt ?? ''}\n            />\n\n            <MMediaLightbox\n                open={previewOpen}\n                items={previewItems}\n                activeIndex={previewIndex}\n                onActiveIndexChange={setPreviewIndex}\n                onClose={() => setPreviewOpen(false)}\n            />\n        </>\n    )\n}\n"],"mappings":"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"}

package/dist/cards-B9g6Lf1n.cjs

@@ -1,2 +0,0 @@
-const e=require(`./icons-qCoE70hn.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./creditCards-D_HwRUBz.cjs`),r=require(`./useInteractionEffect-Bo8285cg.cjs`),i=require(`./MPopover-CxxaY9kr.cjs`),a=require(`./MStack-ByFYGSsy.cjs`),o=require(`./MText-D0fI_D_Q.cjs`),s=require(`./MHeading-CKe5lcM_.cjs`),c=require(`./MLink-B3ImjkJV.cjs`),l=require(`./MButton-8UCydOik.cjs`),u=require(`./MCheckbox-Dn3p_9-1.cjs`),d=require(`./MSkeleton-BdwhPx-k.cjs`),f=require(`./MInputSearch-DpHSVpmL.cjs`),p=require(`./MInputExpDate-DWWwjMYK.cjs`),m=require(`./MDropdownMenu-c9U3sEcl.cjs`),h=require(`./MQrCode-B0-Np-N3.cjs`),g=require(`./MAvatar-BgevCYi3.cjs`),_=require(`./MTreeView-Dp9qbqQh.cjs`),v=require(`./MTabs-DeUn6bIp.cjs`),y=require(`./MGrid-C4kPZDSa.cjs`),b=require(`./MPagination-CS62B9kZ.cjs`);require(`./core-DAox0BHy.cjs`);let x=require(`react`),S=require(`react/jsx-runtime`);function C(e){if(typeof e==`string`)return e;if(typeof e==`function`){let t=e;return t.displayName??t.name??``}if(typeof e==`object`&&e){let t=e;return t.displayName??t.render?.displayName??t.render?.name??``}return``}function w(e){if(e.props.color!==void 0)return!1;if(e.type===l.t)return!0;let t=C(e.type);return t.startsWith(`M`)&&t.endsWith(`Icon`)}function T(e,t){return t?x.Children.map(e,e=>{if(!(0,x.isValidElement)(e))return e;let n=e,r=n.props,i=r.children?T(r.children,t):r.children,a={};return i!==r.children&&(a.children=i),w(n)&&(a.color=t),Object.keys(a).length?(0,x.cloneElement)(n,a):n}):e}function E({component:e,to:n,href:i,target:a,rel:o,color:s,interactive:c=!0,clickEffect:l,rippleColor:u,className:f,children:p,onPointerDown:m,type:h,...g}){let{component:_,href:v,to:y,isInteractive:b}=d.o({component:e,href:i,to:n,interactive:c,hasClickHandler:!!g.onClick,hasPointerHandler:!!m,fallbackComponent:`button`}),{effectClassName:x,effectLayer:C,handlePointerDown:w}=r.t({effect:l??(b?`ripple`:`none`),disabled:!b,color:u});return(0,S.jsxs)(_,{href:_===`a`||e?v:void 0,to:y,target:a,rel:o,type:_===`button`?h??`button`:void 0,className:t.t(`card-action-area`,s&&`color-${s}`,b&&`interactive`,x,f),onPointerDown:e=>{w(e),m?.(e)},...g,children:[C,(0,S.jsx)(`span`,{className:`card-action-area-content`,children:T(p,s)})]})}function D(e){let t=e.replace(/\D/g,``);return t.length<=4?t:`\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ${t.slice(-4)}`}function O({component:e,to:i,href:a,target:o,rel:s,holder:c,number:l,expiry:u,brand:f,brandIcon:p,balance:m,balanceLabel:h=`Current balance`,color:g,interactive:_=!1,clickEffect:v,rippleColor:y,className:b,onPointerDown:x,...C}){let w=n.n(l),T=f??w.brand,E=n.t.find(e=>e.brand===T)??w,O=D(l),k=E.iconLabel,{component:A,href:j,to:M,isInteractive:N}=d.o({component:e,href:a,to:i,interactive:_,hasClickHandler:!!C.onClick,hasPointerHandler:!!x}),{effectClassName:P,effectLayer:F,handlePointerDown:I}=r.t({effect:v??(N?`ripple`:`none`),disabled:!N,color:y});return(0,S.jsxs)(A,{href:A===`a`||e?j:void 0,to:M,target:o,rel:s,className:t.t(`card-payment`,g||`primary`,N&&`interactive`,P,b),onPointerDown:e=>{I(e),x?.(e)},...C,children:[F,m!==void 0&&(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`p`,{className:`cp-balance-label`,children:h}),(0,S.jsx)(`p`,{className:`cp-balance`,children:m})]}),(0,S.jsxs)(`div`,{className:`cp-row`,children:[(0,S.jsx)(`span`,{className:t.t(`cp-brand`,!p&&T),children:p??k}),(0,S.jsx)(`span`,{className:`cp-number`,children:O})]}),(0,S.jsxs)(`div`,{className:`cp-details`,children:[(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`p`,{className:`cp-field-label`,children:`MCard holder`}),(0,S.jsx)(`p`,{className:`cp-field-value`,children:c})]}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`p`,{className:`cp-field-label`,children:`Expiration date`}),(0,S.jsx)(`p`,{className:`cp-field-value`,children:u})]})]})]})}function k(e){return n.t.find(t=>t.brand===e)?.iconLabel??`CARD`}function A({title:n=`Your payment methods`,actionLabel:r=`Change`,actionHref:i=`#`,onAction:s,brand:l=`visa`,brandIcon:u,last4:f,badgeLabel:m,summary:h,helperText:g=`All fields are required, unless stated otherwise.`,expiryLabel:_=`Expiration date`,cvcLabel:v=`Security code`,expiryProps:y,cvcProps:b,color:x,className:C,...w}){let T=y?.value??y?.defaultValue,E=m===void 0?`Default`:m,D=T?`Credit card - Expiration date ${String(T).replace(`/`,`.`)}`:`Credit card`,O=h===void 0?D:h,A=k(l),j={clearable:!0,...y};return(0,S.jsxs)(`div`,{className:t.t(`card-payment-method`,x||`primary`,C),...w,children:[(0,S.jsxs)(`div`,{className:`cpm-header`,children:[(0,S.jsx)(`h3`,{className:`cpm-title`,children:n}),(0,S.jsxs)(c.t,{href:i,tone:`accent`,underline:`none`,className:`cpm-action`,onClick:e=>{s&&(e.preventDefault(),s())},children:[r,(0,S.jsx)(e.Ai,{})]})]}),(0,S.jsxs)(`div`,{className:`cpm-surface`,children:[(0,S.jsxs)(`div`,{className:`cpm-method`,children:[(0,S.jsxs)(a.n,{align:`center`,className:`cpm-method-row`,children:[(0,S.jsx)(`span`,{className:t.t(`cpm-brand`,!u&&l),children:u??A}),(0,S.jsx)(`span`,{className:`cpm-last4`,children:`\u2022\u2022\u2022\u2022 ${f}`}),E&&(0,S.jsx)(d.s,{color:`info`,children:E})]}),O&&(0,S.jsx)(o.t,{tone:`muted`,className:`cpm-summary`,children:O})]}),g&&(0,S.jsx)(o.t,{tone:`muted`,size:`sm`,className:`cpm-helper`,children:g}),(0,S.jsxs)(`div`,{className:`cpm-fields`,children:[(0,S.jsx)(p.t,{label:_,placeholder:`MM/YYYY`,fullWidth:!0,...j}),(0,S.jsx)(p.n,{label:v,placeholder:`123`,fullWidth:!0,...b})]})]})]})}var j={apple:{label:`Apple`,icon:e.i,colorIcon:e.r,rgb:`24, 24, 27`},discord:{label:`Discord`,icon:e.M,colorIcon:e.j,rgb:`88, 101, 242`},facebook:{label:`Facebook`,icon:e.P,colorIcon:e.N,rgb:`24, 119, 242`},figma:{label:`Figma`,icon:e.I,colorIcon:e.F,rgb:`162, 89, 255`},github:{label:`GitHub`,icon:e.R,colorIcon:e.L,rgb:`24, 23, 23`},google:{label:`Google`,icon:e.B,colorIcon:e.z,rgb:`66, 133, 244`},instagram:{label:`Instagram`,icon:e.H,colorIcon:e.V,rgb:`225, 48, 108`},linkedin:{label:`LinkedIn`,icon:e.W,colorIcon:e.U,rgb:`10, 102, 194`},pinterest:{label:`Pinterest`,icon:e.v,colorIcon:e._,rgb:`230, 0, 35`},slack:{label:`Slack`,icon:e.K,colorIcon:e.G,rgb:`74, 21, 75`},spotify:{label:`Spotify`,icon:e.b,colorIcon:e.y,rgb:`30, 215, 96`},tumblr:{label:`Tumblr`,icon:e.S,colorIcon:e.x,rgb:`0, 25, 53`},vimeo:{label:`Vimeo`,icon:e.E,colorIcon:e.T,rgb:`26, 183, 234`},vk:{label:`VK`,icon:e.A,colorIcon:e.k,rgb:`0, 119, 255`},x:{label:`X`,icon:e.J,colorIcon:e.q,rgb:`17, 17, 17`},youtube:{label:`YouTube`,icon:e.X,colorIcon:e.Y,rgb:`255, 0, 0`}};function M(e){let t=e.trim().toLowerCase().replace(/[\s._-]+/g,``);return t===`twitter`?`x`:t===`vkontakte`?`vk`:t}function N(e){return j[M(e)]?.label??e}function P(e,t=!1){let n=j[M(e)];return n?t?n.colorIcon:n.icon:null}function F(e){return e?[e.street,[e.zip,e.city].filter(Boolean).join(` `),e.country].filter(Boolean).join(`, `):null}function I({variant:n=`user`,name:r,title:i,avatar:a,address:o,contact:s,socials:c,online:l,lastActive:u,qrCode:d,qrValue:f,qrStatus:p,qrStatusLabel:m,color:_=`primary`,className:v,...y}){let b=F(o);return(0,S.jsxs)(`div`,{className:t.t(`card-business`,n,`color-${_}`,v),...y,children:[(0,S.jsxs)(`div`,{className:`cb-header`,children:[(0,S.jsx)(`div`,{className:`cb-avatar-wrap`,children:(0,S.jsx)(g.t,{src:a,alt:r,name:r,size:56,shape:n===`company`?`rounded`:`circle`,color:_,badge:l===void 0?void 0:!0,badgeColor:l===void 0?void 0:l?`success`:`error`,badgePulsing:!!l,className:t.t(`cb-avatar`,n)})}),(0,S.jsxs)(`div`,{className:`cb-info`,children:[(0,S.jsx)(`h3`,{className:`cb-name`,children:r}),i&&(0,S.jsx)(`p`,{className:`cb-title`,children:i}),u&&(0,S.jsx)(`p`,{className:`cb-last-active`,children:u})]}),(f||d)&&(0,S.jsx)(`div`,{className:`cb-qr`,children:f?(0,S.jsx)(h.t,{value:f,size:56,padding:3,status:p,statusLabel:m,className:`cb-qr-code`}):(0,S.jsx)(`img`,{src:d,alt:`QR`,className:`cb-qr-img`})})]}),(s||b)&&(0,S.jsxs)(`div`,{className:`cb-details`,children:[s?.email&&(0,S.jsxs)(`div`,{className:`cb-detail`,children:[(0,S.jsx)(`span`,{className:`cb-detail-icon`,children:(0,S.jsx)(e.Si,{})}),(0,S.jsx)(`a`,{href:`mailto:${s.email}`,className:`cb-detail-value`,children:s.email})]}),s?.phone&&(0,S.jsxs)(`div`,{className:`cb-detail`,children:[(0,S.jsx)(`span`,{className:`cb-detail-icon`,children:(0,S.jsx)(e.bi,{})}),(0,S.jsx)(`a`,{href:`tel:${s.phone}`,className:`cb-detail-value`,children:s.phone})]}),s?.website&&(0,S.jsxs)(`div`,{className:`cb-detail`,children:[(0,S.jsx)(`span`,{className:`cb-detail-icon`,children:(0,S.jsx)(e.gi,{})}),(0,S.jsx)(`a`,{href:s.website,target:`_blank`,rel:`noopener noreferrer`,className:`cb-detail-value`,children:s.website.replace(/^https?:\/\//,``)})]}),b&&(0,S.jsxs)(`div`,{className:`cb-detail`,children:[(0,S.jsx)(`span`,{className:`cb-detail-icon`,children:(0,S.jsx)(e.hi,{})}),(0,S.jsx)(`span`,{className:`cb-detail-value`,children:b})]})]}),c&&c.length>0&&(0,S.jsx)(`div`,{className:`cb-socials`,children:c.map(e=>(()=>{let t=P(e.platform,!0);return(0,S.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,className:`cb-social`,title:N(e.platform),"aria-label":N(e.platform),children:e.icon??(t?(0,S.jsx)(t,{}):(0,S.jsx)(`span`,{className:`cb-social-text`,children:e.platform}))},e.platform)})())})]})}function L({variant:n,title:r,description:i,price:a,currency:o=`PLN`,duration:s,available:c,image:u,gallery:f,galleryAutoPlay:p=!1,rating:_,reviewCount:v,favorite:y,onFavorite:b,menuItems:C,onAddToCart:w,actionLabel:T,icon:E,color:D=`primary`,leader:O,participants:k,maxParticipants:A,quantity:j,onQuantityChange:M,date:N,location:P,status:F,className:I,...L}){let[R,z]=(0,x.useState)(0),[B,V]=(0,x.useState)(!1),[ee,H]=(0,x.useState)(1),U=j??ee,W=f&&f.length>0?f:u?[u]:[];(0,x.useEffect)(()=>{R>=W.length&&z(0)},[R,W.length]),(0,x.useEffect)(()=>{if(!B)return;let e=window.setTimeout(()=>{V(!1)},220);return()=>window.clearTimeout(e)},[R,B]);function G(e){e===R||e<0||e>=W.length||(W.length>1&&V(!0),z(e))}(0,x.useEffect)(()=>{if(!p||W.length<=1)return;let e=window.setInterval(()=>{V(!0),z(e=>(e+1)%W.length)},3500);return()=>window.clearInterval(e)},[p,W.length]);function K(e){let t=Math.max(1,e);M?M(t):H(t)}let q=c===!0?`Available`:c===!1?`Unavailable`:typeof c==`number`?`${c} spots`:null,J=N?N instanceof Date?N:new Date(N):null,Y=J?J.getDate():null,te=J?J.toLocaleString(`en`,{month:`short`}).toUpperCase():null;return(0,S.jsxs)(`div`,{className:t.t(`card-service`,n,`color-${D}`,I),...L,children:[W.length>0&&(0,S.jsxs)(`div`,{className:`cs-gallery`,children:[(0,S.jsx)(`img`,{src:W[R],alt:r,className:t.t(`cs-image`,B&&`is-transitioning`)}),W.length>1&&(0,S.jsx)(`div`,{className:`cs-gallery-dots`,children:W.map((e,n)=>(0,S.jsx)(`button`,{type:`button`,className:t.t(`cs-dot`,n===R&&`active`),onClick:()=>G(n),"aria-label":`Image ${n+1}`},n))}),(b||C&&C.length>0)&&(0,S.jsxs)(`div`,{className:`cs-gallery-actions`,children:[C&&C.length>0&&(0,S.jsx)(m.i,{className:`cs-menu-wrap`,trigger:(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,shape:`circle`,"aria-label":`More options`,className:`cs-overlay-btn`,children:(0,S.jsx)(e.sn,{})}),placement:`bottom-end`,children:C.map((e,t)=>(0,S.jsx)(m.r,{icon:e.icon,color:e.danger?`error`:void 0,label:e.label,onClick:e.onClick},t))}),b&&(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,shape:`circle`,onClick:b,"aria-label":y?`Remove from favorites`:`Add to favorites`,className:t.t(`cs-overlay-btn`,y&&`cs-fav-active`),children:y?(0,S.jsx)(e.pn,{}):(0,S.jsx)(e.mn,{})})]})]}),(0,S.jsxs)(`div`,{className:`cs-body`,children:[n===`event`&&J&&(0,S.jsxs)(`div`,{className:`cs-event-header`,children:[(0,S.jsxs)(`div`,{className:`cs-date-block`,children:[(0,S.jsx)(`span`,{className:`cs-date-day`,children:Y}),(0,S.jsx)(`span`,{className:`cs-date-month`,children:te})]}),(0,S.jsxs)(`div`,{className:`cs-event-info`,children:[(0,S.jsx)(`h3`,{className:`cs-title`,children:r}),i&&(0,S.jsx)(`p`,{className:`cs-desc`,children:i})]})]}),n!==`event`&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`cs-top`,children:[E&&(0,S.jsx)(`span`,{className:`cs-icon`,children:E}),(0,S.jsx)(`h3`,{className:`cs-title`,children:r})]}),i&&(0,S.jsx)(`p`,{className:`cs-desc`,children:i})]}),n===`event`&&!J&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`cs-top`,children:[E&&(0,S.jsx)(`span`,{className:`cs-icon`,children:E}),(0,S.jsx)(`h3`,{className:`cs-title`,children:r})]}),i&&(0,S.jsx)(`p`,{className:`cs-desc`,children:i})]}),_!==void 0&&(0,S.jsxs)(`div`,{className:`cs-rating`,children:[(0,S.jsx)(h.r,{value:Math.round(_),size:`sm`,color:`warning`,readOnly:!0,className:`cs-stars`}),(0,S.jsx)(`span`,{className:`cs-rating-value`,children:_.toFixed(1)}),v!==void 0&&(0,S.jsxs)(`span`,{className:`cs-review-count`,children:[`(`,v,`)`]})]}),O&&(0,S.jsxs)(`div`,{className:`cs-leader`,children:[(0,S.jsx)(g.t,{src:O.avatar,name:O.name,size:28,color:D}),(0,S.jsx)(`span`,{className:`cs-leader-name`,children:O.name})]}),n===`course`&&k&&(0,S.jsxs)(`div`,{className:`cs-participants`,children:[(0,S.jsx)(`div`,{className:`cs-participants-avatars`,children:k.slice(0,4).map((e,t)=>(0,S.jsx)(g.t,{src:e.avatar,name:e.name,size:28,color:D,className:`cs-participant-avatar`},`${e.name}-${t}`))}),A&&(0,S.jsxs)(`span`,{className:`cs-spots`,children:[k.length,`/`,A]})]}),(0,S.jsxs)(`div`,{className:`cs-meta`,children:[n===`event`&&P&&(0,S.jsx)(d.s,{size:`xs`,color:D,children:P}),s&&(0,S.jsx)(d.s,{size:`xs`,color:D,icon:(0,S.jsx)(e.wi,{}),children:s}),n===`event`&&F&&(0,S.jsx)(d.s,{size:`xs`,color:F.toLowerCase()===`sold out`?`error`:D,children:F}),q&&n!==`event`&&(0,S.jsx)(d.s,{size:`xs`,color:c===!1?`error`:D,children:q})]})]}),(0,S.jsxs)(`div`,{className:`cs-footer`,children:[a!==void 0&&(0,S.jsxs)(`span`,{className:`cs-price`,children:[typeof a==`number`?a.toFixed(2):a,` `,(0,S.jsx)(`span`,{className:`cs-currency`,children:o})]}),(0,S.jsxs)(`div`,{className:`cs-actions`,children:[n===`product`&&w&&(0,S.jsxs)(`div`,{className:`cs-qty`,children:[(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,size:`sm`,onClick:()=>K(U-1),"aria-label":`Decrease`,className:`cs-qty-btn`,children:(0,S.jsx)(e.yr,{})}),(0,S.jsx)(`span`,{className:`cs-qty-value`,children:U}),(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,size:`sm`,onClick:()=>K(U+1),"aria-label":`Increase`,className:`cs-qty-btn`,children:(0,S.jsx)(e.br,{})})]}),w&&(0,S.jsx)(l.t,{variant:`filled`,size:`sm`,color:D,onClick:()=>w(U),disabled:c===!1,className:`cs-cart-btn`,children:T??(n===`event`?`Register`:`Add to cart`)})]})]})]})}function R(e){let{onAction:t,actionLabel:n=`Book now`,...r}=e;return(0,S.jsx)(L,{variant:`service`,onAddToCart:t?()=>t():void 0,actionLabel:n,...r})}function z(e){let{onAction:t,actionLabel:n=`Join course`,...r}=e;return(0,S.jsx)(L,{variant:`course`,onAddToCart:t?()=>t():void 0,actionLabel:n,...r})}function B({component:n,title:i,description:a,icon:o,color:s=`primary`,to:c,href:u,target:f,rel:p,onClick:h,interactive:g=!1,clickEffect:_,rippleColor:v,image:y,video:b,illustration:C,camera:w,mediaFill:T=!1,overlayPosition:E=`bottom`,favorite:D,onFavorite:O,menuItems:k,className:A,...j}){let M=(0,x.useRef)(null);(0,x.useEffect)(()=>{if(!w)return;let e=M.current;if(!e||typeof navigator>`u`||!navigator.mediaDevices?.getUserMedia)return;let t=null,n=!1,r=w===!0?{video:!0}:w;return navigator.mediaDevices.getUserMedia(r).then(r=>{if(n){r.getTracks().forEach(e=>e.stop());return}t=r,e.srcObject=r,e.play().catch(()=>void 0)}).catch(()=>void 0),()=>{n=!0,t&&t.getTracks().forEach(e=>e.stop()),e.srcObject=null}},[w]);let N=!!(y||b||C||w),{component:P,href:F,to:I,isInteractive:L,isLink:R}=d.o({component:n,href:u,to:c,interactive:g,hasClickHandler:!!h,fallbackComponent:`button`}),z=T&&N,{effectClassName:B,effectLayer:V,handlePointerDown:ee}=r.t({effect:_??(L?`ripple`:`none`),disabled:!L,color:v});function H(e){e.stopPropagation()}function U(e){h&&(e.preventDefault(),h())}function W(){return N?(0,S.jsxs)(`div`,{className:t.t(`tile-media`,z&&`fill`),children:[y&&(0,S.jsx)(`img`,{src:y,alt:i,className:`tile-image`}),b&&(0,S.jsx)(`video`,{src:b,className:`tile-video`,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,"aria-label":i}),w&&(0,S.jsx)(`video`,{ref:M,className:`tile-video`,autoPlay:!0,muted:!0,playsInline:!0,"aria-label":i}),C&&(0,S.jsx)(`div`,{className:`tile-illustration`,children:C}),z&&(0,S.jsx)(`div`,{className:t.t(`tile-scrim`,`scrim-${E}`)})]}):null}function G(){return(0,S.jsxs)(`div`,{className:t.t(`tile-body`,z&&`overlay`,z&&`pos-${E}`),children:[(0,S.jsxs)(`div`,{className:`tile-top`,children:[o&&(0,S.jsx)(`span`,{className:`tile-icon`,children:o}),(0,S.jsx)(`h3`,{className:`tile-title`,children:i})]}),a&&(0,S.jsx)(`p`,{className:`tile-desc`,children:a})]})}let K=O||k&&k.length>0;return(0,S.jsxs)(`div`,{className:t.t(`card-tile`,`color-${s}`,z&&`media-fill`,L&&`interactive`,B,A),onPointerDown:ee,...j,children:[V,R&&(0,S.jsx)(P,{href:P===`a`||n?F:void 0,to:I,target:f,rel:p,className:`tile-link`,"aria-label":i,onClick:h?U:void 0}),!R&&h&&(0,S.jsx)(P,{type:`button`,className:`tile-link`,"aria-label":i,onClick:h}),W(),G(),K&&(0,S.jsxs)(`div`,{className:`tile-actions`,onClick:H,onPointerDown:H,children:[k&&k.length>0&&(0,S.jsx)(m.i,{className:`tile-menu-wrap`,trigger:(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,shape:`circle`,"aria-label":`More options`,className:`tile-overlay-btn`,children:(0,S.jsx)(e.sn,{})}),placement:`bottom-end`,children:k.map((e,t)=>(0,S.jsx)(m.r,{icon:e.icon,color:e.danger?`error`:void 0,label:e.label,onClick:e.onClick},t))}),O&&(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,shape:`circle`,onClick:O,"aria-label":D?`Remove from favorites`:`Add to favorites`,className:t.t(`tile-overlay-btn`,D&&`tile-fav-active`),children:D?(0,S.jsx)(e.pn,{}):(0,S.jsx)(e.mn,{})})]})]})}function V(e){let{addToCartLabel:t=`Add to cart`,...n}=e;return(0,S.jsx)(L,{variant:`product`,actionLabel:t,...n})}function ee(e){let{onRegister:t,registerLabel:n=`Register`,...r}=e;return(0,S.jsx)(L,{variant:`event`,onAddToCart:t?()=>t():void 0,actionLabel:n,...r})}function H(e,t){return t||(typeof e!=`number`||e===0?`neutral`:e>0?`up`:`down`)}function U(e){return typeof e==`number`&&e>0?`+${e}`:e}function W({component:n,to:i,href:a,target:o,rel:s,title:c,value:l,trend:u,trendType:f,icon:p,color:m=`primary`,helperText:h,interactive:g=!1,clickEffect:_,rippleColor:v,className:y,onPointerDown:b,...x}){let C=u!=null,w=H(u,f),T=U(u),{component:E,href:D,to:O,isInteractive:k}=d.o({component:n,href:a,to:i,interactive:g,hasClickHandler:!!x.onClick,hasPointerHandler:!!b}),{effectClassName:A,effectLayer:j,handlePointerDown:M}=r.t({effect:_??(k?`ripple`:`none`),disabled:!k,color:v});return(0,S.jsxs)(E,{href:E===`a`||n?D:void 0,to:O,target:o,rel:s,className:t.t(`card-widget`,`color-${m}`,k&&`interactive`,A,y),onPointerDown:e=>{M(e),b?.(e)},...x,children:[j,(0,S.jsxs)(`div`,{className:`cw-top`,children:[(0,S.jsxs)(`div`,{className:`cw-meta`,children:[(0,S.jsx)(`span`,{className:`cw-title`,children:c}),(0,S.jsx)(`span`,{className:`cw-value`,children:l})]}),p&&(0,S.jsx)(`span`,{className:`cw-icon`,children:p})]}),C&&(0,S.jsx)(`div`,{className:`cw-bottom`,children:(0,S.jsxs)(`span`,{className:t.t(`cw-trend`,w),children:[w===`up`&&(0,S.jsx)(e.ki,{size:14}),w===`down`&&(0,S.jsx)(e.Oi,{size:14}),(0,S.jsx)(`span`,{children:T})]})}),h&&(0,S.jsx)(`div`,{className:`cw-helper`,children:h})]})}function G(e,t){return t||(typeof e!=`number`||e===0?`neutral`:e>0?`up`:`down`)}function K(e){return typeof e==`number`&&e>0?`+${e}`:e}function q({label:n,value:r,icon:i,badge:s,helperText:c,trend:l,trendType:u,color:f=`primary`,className:p,...m}){let h=l!=null,g=G(l,u);return(0,S.jsx)(d.n,{className:t.t(`stat-card`,`color-${f}`,p),...m,children:(0,S.jsxs)(a.t,{padding:`sm`,children:[(0,S.jsxs)(a.n,{justify:`between`,align:`start`,children:[(0,S.jsxs)(a.t,{children:[(0,S.jsx)(o.t,{size:`sm`,tone:`muted`,children:n}),(0,S.jsx)(`span`,{className:`stat-card-value`,children:r})]}),(0,S.jsxs)(a.n,{align:`center`,padding:`xs`,children:[s,i&&(0,S.jsx)(`span`,{className:`stat-card-icon`,children:i})]})]}),(h||c)&&(0,S.jsxs)(a.n,{justify:`between`,align:`center`,children:[h?(0,S.jsxs)(`span`,{className:t.t(`stat-card-trend`,g),children:[g===`up`&&(0,S.jsx)(e.ki,{size:14}),g===`down`&&(0,S.jsx)(e.Oi,{size:14}),(0,S.jsx)(`span`,{children:K(l)})]}):(0,S.jsx)(`span`,{}),c&&(0,S.jsx)(o.t,{size:`sm`,tone:`muted`,children:c})]})]})})}var J=q;function Y(e,t){let n=t.split(`.`),r=e;for(let e of n){if(typeof r!=`object`||!r)return;r=r[e]}return r}function te({items:n,renderCard:r,color:a=`primary`,searchable:o=!1,searchKeys:s,searchPlaceholder:c=`Search...`,search:d,onSearchChange:p,filterable:m=!1,filterKeys:h=[],filters:g,onFiltersChange:_,sortable:v=!1,sortKeys:y=[],defaultSort:C,sort:w,onSortChange:T,pagination:E=!1,pageSize:D=12,page:O,onPageChange:k,total:A,manualSearch:j=!1,manualFilters:M=!1,manualSort:N=!1,manualPagination:P=!1,columns:F=3,emptyMessage:I=`No results found.`,className:L,style:R,...z}){let[B,V]=(0,x.useState)(``),[ee,H]=(0,x.useState)({}),[U,W]=(0,x.useState)(C??null),[G,K]=(0,x.useState)(1),[q,J]=(0,x.useState)(!1),[te,ne]=(0,x.useState)(!1),re=(0,x.useRef)(null),ie=(0,x.useRef)(null),X=d===void 0?B:d,Z=g===void 0?ee:g,Q=w===void 0?U:w,ae=O===void 0?G:O,oe=(0,x.useCallback)(e=>{d===void 0&&V(e),!P&&O===void 0&&K(1),p?.(e)},[d,O,P,p]),se=(0,x.useCallback)(e=>{g===void 0&&H(e),!P&&O===void 0&&K(1),_?.(e)},[g,O,P,_]),ce=(0,x.useCallback)(e=>{w===void 0&&W(e),!P&&O===void 0&&K(1),T?.(e)},[w,O,P,T]),le=(0,x.useCallback)(e=>{O===void 0&&K(e),k?.(e)},[O,k]),ue=(0,x.useCallback)(()=>{J(e=>!e),ne(!1)},[]),de=(0,x.useCallback)(()=>{ne(e=>!e),J(!1)},[]),$=(0,x.useMemo)(()=>{let e=n;if(!j&&X&&s&&s.length>0){let t=X.toLowerCase();e=e.filter(e=>s.some(n=>{let r=Y(e,n);return r!=null&&String(r).toLowerCase().includes(t)}))}if(!M)for(let[t,n]of Object.entries(Z))!n||n.length===0||(e=e.filter(e=>{let r=Y(e,t);return r!=null&&n.includes(String(r))}));return!N&&Q&&(e=[...e].sort((e,t)=>{let n=Y(e,Q.key),r=Y(t,Q.key);if(n==null&&r==null)return 0;if(n==null)return 1;if(r==null)return-1;let i=String(n).localeCompare(String(r),void 0,{numeric:!0});return Q.direction===`asc`?i:-i})),e===n?[...e]:e},[n,X,s,Z,Q,j,M,N]),fe=P?A??$.length:$.length,pe=(0,x.useMemo)(()=>{if(!E||P)return $;let e=(ae-1)*D;return $.slice(e,e+D)},[$,E,P,ae,D]);function me(e,t){let n=Z[e]??[],r=n.includes(t)?n.filter(e=>e!==t):[...n,t];se({...Z,[e]:r})}let he=(0,x.useMemo)(()=>{let e={};for(let t of h){if(t.options){e[t.key]=t.options;continue}let r=new Set;for(let e of n){let n=Y(e,t.key);n!=null&&r.add(String(n))}e[t.key]=Array.from(r).sort()}return e},[n,h]),ge=y.find(e=>e.key===Q?.key);return(0,S.jsxs)(`div`,{className:t.t(`card-grid`,`color-${a}`,L),style:R,...z,children:[(o||m||v)&&(0,S.jsxs)(`div`,{className:`card-grid-toolbar`,children:[o&&(0,S.jsx)(f.t,{className:`card-grid-search`,size:`sm`,fullWidth:!0,placeholder:c,value:X,onChange:e=>oe(e.target.value),onClear:()=>oe(``)}),(0,S.jsxs)(`div`,{className:`card-grid-actions`,children:[m&&h.length>0&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.t,{ref:re,variant:`outlined`,color:a,size:`sm`,startIcon:(0,S.jsx)(e.an,{}),"aria-expanded":q,onClick:ue,children:`Filter`}),(0,S.jsx)(i.t,{open:q,anchorRef:re,onClose:()=>J(!1),placement:`bottom-end`,className:`card-grid-dropdown`,children:h.map(e=>(0,S.jsxs)(`div`,{className:`card-grid-filter-group`,children:[(0,S.jsx)(`span`,{className:`card-grid-filter-label`,children:e.label}),(he[e.key]??[]).map(t=>(0,S.jsx)(`div`,{className:`card-grid-filter-option`,children:(0,S.jsx)(u.t,{size:`sm`,clickEffect:`none`,checked:Z[e.key]?.includes(t)??!1,onChange:()=>me(e.key,t),label:t})},t))]},e.key))})]}),v&&y.length>0&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.t,{ref:ie,variant:`outlined`,color:a,size:`sm`,startIcon:Q?Q.direction===`asc`?(0,S.jsx)(e.ki,{}):(0,S.jsx)(e.Oi,{}):(0,S.jsx)(e.in,{}),"aria-expanded":te,onClick:de,children:ge?`Sort: ${ge.label}`:`Sort`}),(0,S.jsx)(i.t,{open:te,anchorRef:ie,onClose:()=>ne(!1),placement:`bottom-end`,className:`card-grid-dropdown`,children:y.map(n=>(0,S.jsxs)(`button`,{type:`button`,className:t.t(`card-grid-sort-item`,Q?.key===n.key&&`active`),onClick:()=>{Q?.key===n.key?ce({key:n.key,direction:Q.direction===`asc`?`desc`:`asc`}):ce({key:n.key,direction:`asc`})},children:[n.label,Q?.key===n.key&&(0,S.jsx)(`span`,{className:`card-grid-sort-dir`,children:Q.direction===`asc`?(0,S.jsx)(e.ki,{className:`card-grid-sort-icon`}):(0,S.jsx)(e.Oi,{className:`card-grid-sort-icon`})})]},n.key))})]})]})]}),pe.length>0?(0,S.jsx)(`div`,{className:`card-grid-items`,style:{gridTemplateColumns:`repeat(${F}, 1fr)`},children:pe.map((e,t)=>{let n=e?.id;return(0,S.jsx)(x.Fragment,{children:r(e,t)},n??t)})}):(0,S.jsx)(`div`,{className:`card-grid-empty`,children:I}),E&&fe>D&&(0,S.jsx)(`div`,{className:`card-grid-pagination`,children:(0,S.jsx)(b.t,{total:fe,page:ae,pageSize:D,onChange:le})})]})}function ne(e,t){return t||(e===void 0||e===0?`neutral`:e>0?`up`:`down`)}function re({component:n,to:i,href:a,target:o,rel:s,label:c,value:l,change:u,changeType:f,changeLabel:p,icon:m,sparkline:h,sparklineType:g=`area`,color:v=`primary`,currency:y,interactive:b=!1,clickEffect:x,rippleColor:C,className:w,onPointerDown:T,...E}){let D=ne(u,f),O=D===`up`?`success`:D===`down`?`error`:`neutral`,{component:k,href:A,to:j,isInteractive:M}=d.o({component:n,href:a,to:i,interactive:b,hasClickHandler:!!E.onClick,hasPointerHandler:!!T}),{effectClassName:N,effectLayer:P,handlePointerDown:F}=r.t({effect:x??(M?`ripple`:`none`),disabled:!M,color:C});return(0,S.jsxs)(k,{href:k===`a`||n?A:void 0,to:j,target:o,rel:s,className:t.t(`card-finance`,`color-${v}`,M&&`interactive`,N,w),onPointerDown:e=>{F(e),T?.(e)},...E,children:[P,(0,S.jsxs)(`div`,{className:`cf-top`,children:[(0,S.jsxs)(`div`,{className:`cf-meta`,children:[(0,S.jsx)(`span`,{className:`cf-label`,children:c}),y&&(0,S.jsx)(`span`,{className:`cf-currency`,children:y})]}),m&&(0,S.jsx)(`span`,{className:`cf-icon`,children:m})]}),(0,S.jsx)(`div`,{className:`cf-value`,children:l}),(0,S.jsx)(`div`,{className:`cf-bottom`,children:u!==void 0&&(0,S.jsxs)(`span`,{className:t.t(`cf-change`,O),children:[D===`up`&&(0,S.jsx)(e.ki,{size:14}),D===`down`&&(0,S.jsx)(e.Oi,{size:14}),(0,S.jsxs)(`span`,{className:`cf-change-value`,children:[u>0?`+`:``,u,`%`]}),p&&(0,S.jsx)(`span`,{className:`cf-change-label`,children:p})]})}),(0,S.jsx)(`div`,{className:`cf-sparkline`,children:(0,S.jsx)(_.n,{data:h,type:g,color:O===`neutral`?v:O,height:46,padding:0,curved:!0,animated:!0,fillOpacity:.18})})]})}function ie({title:e=`Today`,description:t,color:n=`primary`,workdayStart:r,workdayEnd:i,timeline:c,summary:l,tabs:u=[],footer:f,emptyTimeline:p=(0,S.jsx)(o.t,{tone:`muted`,children:`No events scheduled for this day.`}),...m}){let g=r&&i?`${r}-${i}`:r??i??void 0,_=u.filter(e=>e.items.length>0);return(0,S.jsxs)(d.n,{color:n,...m,children:[(0,S.jsx)(d.a,{children:(0,S.jsxs)(a.t,{children:[(0,S.jsx)(s.t,{level:4,children:e}),(t||g)&&(0,S.jsxs)(o.t,{size:`sm`,tone:`muted`,children:[t,t&&g?` `:null,g]})]})}),(0,S.jsx)(d.r,{children:(0,S.jsxs)(y.t,{type:`row`,align:`start`,children:[(0,S.jsx)(y.t,{type:`col`,xl:7,sm:12,children:c.length?(0,S.jsx)(a.t,{className:`day-schedule-card-timeline`,children:c.map(e=>(0,S.jsxs)(a.n,{align:`start`,className:`day-schedule-card-entry`,children:[(0,S.jsx)(`span`,{className:`day-schedule-card-time`,children:e.time}),(0,S.jsx)(`div`,{className:`day-schedule-card-dot`,"data-color":e.color??n,children:T(e.icon,e.color??n)}),(0,S.jsxs)(`div`,{className:`day-schedule-card-copy`,children:[(0,S.jsx)(o.t,{as:`strong`,children:e.title}),e.description&&(0,S.jsx)(o.t,{size:`sm`,tone:`muted`,children:e.description})]})]},e.id))}):p}),(0,S.jsx)(y.t,{type:`col`,xl:5,sm:12,children:(0,S.jsxs)(a.t,{className:`day-schedule-card-side`,children:[l,_.length>0&&(0,S.jsx)(v.t,{variant:`underline`,size:`sm`,fullWidth:!0,defaultValue:_[0].type,items:_.map(e=>({value:e.type,label:(0,S.jsxs)(`span`,{className:`day-schedule-card-tab-label`,children:[(0,S.jsx)(`span`,{children:e.title}),(0,S.jsx)(`span`,{className:`day-schedule-card-tab-count`,children:e.items.length})]}),content:(0,S.jsx)(h.n,{items:e.items})}))})]})})]})}),f&&(0,S.jsx)(d.i,{children:T(f,n)})]})}function X({title:t=`Documents`,description:n,color:r=`primary`,items:i,selected:c,onSelect:u,defaultExpanded:f,expanded:p,onExpandChange:g,detailsTitle:v,detailsMeta:b,detailsItems:x=[],detailsActions:C=[],renderDetails:w,emptyDetails:E=(0,S.jsx)(o.t,{tone:`muted`,children:`Select a document to inspect its details.`}),primaryAction:D,...O}){let k=e=>({...e,icon:T(e.icon,r),children:e.children?.map(k)}),A=i.map(k);return(0,S.jsxs)(d.n,{stretch:!1,color:r,...O,children:[(0,S.jsx)(d.a,{children:(0,S.jsxs)(a.n,{justify:`between`,align:`center`,children:[(0,S.jsxs)(a.t,{children:[(0,S.jsx)(s.t,{level:4,children:t}),n&&(0,S.jsx)(o.t,{size:`sm`,tone:`muted`,children:n})]}),T(D,r)]})}),(0,S.jsx)(d.r,{children:(0,S.jsxs)(y.t,{type:`row`,align:`start`,children:[(0,S.jsx)(y.t,{type:`col`,xl:7,sm:12,children:(0,S.jsx)(_.t,{items:A,color:r,defaultExpanded:f,expanded:p,onExpandChange:g,selected:c,onSelect:u,expandable:!0,selectable:!0,showLines:!0,fileIcons:!0})}),(0,S.jsx)(y.t,{type:`col`,xl:5,sm:12,children:(0,S.jsxs)(a.t,{padding:`sm`,children:[(v||b||C.length>0)&&(0,S.jsxs)(a.n,{justify:`between`,align:`start`,children:[(0,S.jsxs)(a.t,{children:[v&&(0,S.jsx)(s.t,{level:5,children:v}),b&&(0,S.jsx)(o.t,{size:`sm`,tone:`muted`,children:b})]}),C.length>0&&(0,S.jsx)(m.i,{placement:`bottom-end`,trigger:(0,S.jsx)(l.t,{variant:`ghost`,color:r,iconOnly:!0,shape:`circle`,"aria-label":`Open document actions`,children:(0,S.jsx)(e.sn,{})}),children:C.map(e=>(0,S.jsx)(m.r,{icon:T(e.icon,e.color??r),label:e.label,color:e.color??r,disabled:e.disabled,component:e.component,href:e.href,to:e.to,onClick:e.onClick},e.id))})]}),w||(x.length?(0,S.jsx)(h.n,{items:x}):E)]})})]})})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return ee}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return B}});
-//# sourceMappingURL=cards-B9g6Lf1n.cjs.map