@cybertools/grommet 0.0.0-stage → 1.0.0

package/dist/Image.d.cts

@@ -0,0 +1,81 @@
+//#region src/Image.d.ts
+type Dimension = number | `${number}`;
+export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components/dist/types").Merged<Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "height" | "width" | "loading" | "ref" | "alt" | "srcSet"> & {
+  src: string | import("next/dist/shared/lib/get-img-props").StaticImport;
+  alt: string;
+  width?: number | `${number}`;
+  height?: number | `${number}`;
+  fill?: boolean;
+  loader?: import("next/image").ImageLoader;
+  quality?: number | `${number}`;
+  preload?: boolean;
+  priority?: boolean;
+  loading?: "eager" | "lazy" | undefined;
+  placeholder?: import("next/dist/shared/lib/get-img-props").PlaceholderValue;
+  blurDataURL?: string;
+  unoptimized?: boolean;
+  overrideSrc?: string;
+  onLoadingComplete?: import("next/dist/shared/lib/get-img-props").OnLoadingComplete;
+  layout?: string;
+  objectFit?: string;
+  objectPosition?: string;
+  lazyBoundary?: string;
+  lazyRoot?: string;
+} & import("react").RefAttributes<HTMLImageElement | null>, "style"> & {
+  style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+  size?: Dimension;
+  radius?: string;
+  brightness?: number;
+  grayscale?: number;
+}>, "height" | "width"> & Partial<Pick<import("styled-components/dist/types").Merged<Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "height" | "width" | "loading" | "ref" | "alt" | "srcSet"> & {
+  src: string | import("next/dist/shared/lib/get-img-props").StaticImport;
+  alt: string;
+  width?: number | `${number}`;
+  height?: number | `${number}`;
+  fill?: boolean;
+  loader?: import("next/image").ImageLoader;
+  quality?: number | `${number}`;
+  preload?: boolean;
+  priority?: boolean;
+  loading?: "eager" | "lazy" | undefined;
+  placeholder?: import("next/dist/shared/lib/get-img-props").PlaceholderValue;
+  blurDataURL?: string;
+  unoptimized?: boolean;
+  overrideSrc?: string;
+  onLoadingComplete?: import("next/dist/shared/lib/get-img-props").OnLoadingComplete;
+  layout?: string;
+  objectFit?: string;
+  objectPosition?: string;
+  lazyBoundary?: string;
+  lazyRoot?: string;
+} & import("react").RefAttributes<HTMLImageElement | null>, "style"> & {
+  style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+  size?: Dimension;
+  radius?: string;
+  brightness?: number;
+  grayscale?: number;
+}>, "height" | "width">>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "height" | "width" | "loading" | "ref" | "alt" | "srcSet"> & {
+  src: string | import("next/dist/shared/lib/get-img-props").StaticImport;
+  alt: string;
+  width?: number | `${number}`;
+  height?: number | `${number}`;
+  fill?: boolean;
+  loader?: import("next/image").ImageLoader;
+  quality?: number | `${number}`;
+  preload?: boolean;
+  priority?: boolean;
+  loading?: "eager" | "lazy" | undefined;
+  placeholder?: import("next/dist/shared/lib/get-img-props").PlaceholderValue;
+  blurDataURL?: string;
+  unoptimized?: boolean;
+  overrideSrc?: string;
+  onLoadingComplete?: import("next/dist/shared/lib/get-img-props").OnLoadingComplete;
+  layout?: string;
+  objectFit?: string;
+  objectPosition?: string;
+  lazyBoundary?: string;
+  lazyRoot?: string;
+} & import("react").RefAttributes<HTMLImageElement | null>>, keyof import("react").Component<any, {}, any>>;
+//#endregion

package/dist/Image.d.mts

@@ -0,0 +1,81 @@
+//#region src/Image.d.ts
+type Dimension = number | `${number}`;
+export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components/dist/types").Merged<Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "height" | "width" | "loading" | "ref" | "alt" | "srcSet"> & {
+  src: string | import("next/dist/shared/lib/get-img-props").StaticImport;
+  alt: string;
+  width?: number | `${number}`;
+  height?: number | `${number}`;
+  fill?: boolean;
+  loader?: import("next/image").ImageLoader;
+  quality?: number | `${number}`;
+  preload?: boolean;
+  priority?: boolean;
+  loading?: "eager" | "lazy" | undefined;
+  placeholder?: import("next/dist/shared/lib/get-img-props").PlaceholderValue;
+  blurDataURL?: string;
+  unoptimized?: boolean;
+  overrideSrc?: string;
+  onLoadingComplete?: import("next/dist/shared/lib/get-img-props").OnLoadingComplete;
+  layout?: string;
+  objectFit?: string;
+  objectPosition?: string;
+  lazyBoundary?: string;
+  lazyRoot?: string;
+} & import("react").RefAttributes<HTMLImageElement | null>, "style"> & {
+  style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+  size?: Dimension;
+  radius?: string;
+  brightness?: number;
+  grayscale?: number;
+}>, "height" | "width"> & Partial<Pick<import("styled-components/dist/types").Merged<Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "height" | "width" | "loading" | "ref" | "alt" | "srcSet"> & {
+  src: string | import("next/dist/shared/lib/get-img-props").StaticImport;
+  alt: string;
+  width?: number | `${number}`;
+  height?: number | `${number}`;
+  fill?: boolean;
+  loader?: import("next/image").ImageLoader;
+  quality?: number | `${number}`;
+  preload?: boolean;
+  priority?: boolean;
+  loading?: "eager" | "lazy" | undefined;
+  placeholder?: import("next/dist/shared/lib/get-img-props").PlaceholderValue;
+  blurDataURL?: string;
+  unoptimized?: boolean;
+  overrideSrc?: string;
+  onLoadingComplete?: import("next/dist/shared/lib/get-img-props").OnLoadingComplete;
+  layout?: string;
+  objectFit?: string;
+  objectPosition?: string;
+  lazyBoundary?: string;
+  lazyRoot?: string;
+} & import("react").RefAttributes<HTMLImageElement | null>, "style"> & {
+  style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+  size?: Dimension;
+  radius?: string;
+  brightness?: number;
+  grayscale?: number;
+}>, "height" | "width">>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "height" | "width" | "loading" | "ref" | "alt" | "srcSet"> & {
+  src: string | import("next/dist/shared/lib/get-img-props").StaticImport;
+  alt: string;
+  width?: number | `${number}`;
+  height?: number | `${number}`;
+  fill?: boolean;
+  loader?: import("next/image").ImageLoader;
+  quality?: number | `${number}`;
+  preload?: boolean;
+  priority?: boolean;
+  loading?: "eager" | "lazy" | undefined;
+  placeholder?: import("next/dist/shared/lib/get-img-props").PlaceholderValue;
+  blurDataURL?: string;
+  unoptimized?: boolean;
+  overrideSrc?: string;
+  onLoadingComplete?: import("next/dist/shared/lib/get-img-props").OnLoadingComplete;
+  layout?: string;
+  objectFit?: string;
+  objectPosition?: string;
+  lazyBoundary?: string;
+  lazyRoot?: string;
+} & import("react").RefAttributes<HTMLImageElement | null>>, keyof import("react").Component<any, {}, any>>;
+//#endregion

package/dist/Image.mjs

@@ -0,0 +1,16 @@
+import { unwrapCjsDefault } from "./interop.mjs";
+import NextImageImport from "next/image.js";
+import styledImport from "styled-components";
+//#region src/Image.tsx
+const NextImage = unwrapCjsDefault(NextImageImport);
+const Image = unwrapCjsDefault(styledImport)(NextImage).attrs(({ size, width = size, height = size, ...rest }) => ({
+	width,
+	height,
+	...rest
+}))`
+  ${({ radius }) => radius && `border-radius: ${radius};`}
+  ${({ brightness }) => brightness && `filter: brightness(${brightness}%);`}
+  ${({ grayscale }) => grayscale && `filter: grayscale(${grayscale}%);`}
+`;
+//#endregion
+export { Image };

package/dist/Loader.cjs

@@ -0,0 +1,21 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let grommet = require("grommet");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/Loader.tsx
+function Loader({ children = "Loading...", ...rest }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(grommet.Box, {
+		align: "center",
+		direction: "row",
+		gap: "small",
+		...rest,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(grommet.Spinner, { size: "small" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(grommet.Text, {
+			color: "status-disabled",
+			children
+		})]
+	});
+}
+//#endregion
+exports.Loader = Loader;

package/dist/Loader.d.cts

@@ -0,0 +1,8 @@
+import React from "react";
+import { BoxExtendedProps } from "grommet";
+//#region src/Loader.d.ts
+export type LoaderProps = BoxExtendedProps & {
+  children?: React.ReactNode;
+};
+export declare function Loader({ children, ...rest }: LoaderProps): React.JSX.Element;
+//#endregion

package/dist/Loader.d.mts

@@ -0,0 +1,8 @@
+import React from "react";
+import { BoxExtendedProps } from "grommet";
+//#region src/Loader.d.ts
+export type LoaderProps = BoxExtendedProps & {
+  children?: React.ReactNode;
+};
+export declare function Loader({ children, ...rest }: LoaderProps): React.JSX.Element;
+//#endregion

package/dist/Loader.mjs

@@ -0,0 +1,18 @@
+import "react";
+import { Box, Spinner, Text } from "grommet";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Loader.tsx
+function Loader({ children = "Loading...", ...rest }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		align: "center",
+		direction: "row",
+		gap: "small",
+		...rest,
+		children: [/* @__PURE__ */ jsx(Spinner, { size: "small" }), /* @__PURE__ */ jsx(Text, {
+			color: "status-disabled",
+			children
+		})]
+	});
+}
+//#endregion
+export { Loader };

package/dist/MockNextRouterProvider.cjs

@@ -0,0 +1,25 @@
+const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let next_dist_shared_lib_router_context_shared_runtime_js = require("next/dist/shared/lib/router-context.shared-runtime.js");
+//#region src/MockNextRouterProvider.tsx
+const mock = {
+	path: "/",
+	asPath: "/",
+	query: {},
+	push() {},
+	replace: () => {},
+	pathname: ""
+};
+function MockNextRouterProvider({ value, ...rest }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(next_dist_shared_lib_router_context_shared_runtime_js.RouterContext.Provider, {
+		value: {
+			...mock,
+			...value
+		},
+		...rest
+	});
+}
+//#endregion
+exports.MockNextRouterProvider = MockNextRouterProvider;

package/dist/MockNextRouterProvider.d.cts

@@ -0,0 +1,8 @@
+import React from "react";
+import { NextRouter } from "next/router.js";
+//#region src/MockNextRouterProvider.d.ts
+export declare function MockNextRouterProvider({ value, ...rest }: {
+  value?: Partial<NextRouter>;
+  children?: React.ReactNode;
+}): React.JSX.Element;
+//#endregion

package/dist/MockNextRouterProvider.d.mts

@@ -0,0 +1,8 @@
+import React from "react";
+import { NextRouter } from "next/router.js";
+//#region src/MockNextRouterProvider.d.ts
+export declare function MockNextRouterProvider({ value, ...rest }: {
+  value?: Partial<NextRouter>;
+  children?: React.ReactNode;
+}): React.JSX.Element;
+//#endregion

package/dist/MockNextRouterProvider.mjs

@@ -0,0 +1,23 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { RouterContext } from "next/dist/shared/lib/router-context.shared-runtime.js";
+//#region src/MockNextRouterProvider.tsx
+const mock = {
+	path: "/",
+	asPath: "/",
+	query: {},
+	push() {},
+	replace: () => {},
+	pathname: ""
+};
+function MockNextRouterProvider({ value, ...rest }) {
+	return /* @__PURE__ */ jsx(RouterContext.Provider, {
+		value: {
+			...mock,
+			...value
+		},
+		...rest
+	});
+}
+//#endregion
+export { MockNextRouterProvider };

package/dist/Notification.cjs

@@ -0,0 +1,54 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let grommet = require("grommet");
+let grommet_icons_icons_Alert_js = require("grommet-icons/icons/Alert.js");
+let grommet_icons_icons_CircleInformation_js = require("grommet-icons/icons/CircleInformation.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let grommet_icons_icons_StatusGood_js = require("grommet-icons/icons/StatusGood.js");
+let grommet_icons_icons_StatusCritical_js = require("grommet-icons/icons/StatusCritical.js");
+//#region src/Notification.tsx
+const bgByType = {
+	success: "status-ok",
+	error: "status-warning",
+	info: "neutral-3",
+	warning: "status-warning"
+};
+const iconByType = {
+	success: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(grommet_icons_icons_StatusGood_js.StatusGood, {}),
+	error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(grommet_icons_icons_StatusCritical_js.StatusCritical, {}),
+	info: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(grommet_icons_icons_CircleInformation_js.CircleInformation, {}),
+	warning: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(grommet_icons_icons_Alert_js.Alert, {})
+};
+const getMessage = (message) => {
+	if (typeof message === "string" || message instanceof Error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(grommet.Text, { children: message.toString() });
+	if (typeof message === "function") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(message, {});
+	return message;
+};
+function Notification({ type, message, options }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(grommet.Layer, {
+		position: "bottom",
+		modal: false,
+		margin: { vertical: "large" },
+		responsive: false,
+		plain: true,
+		...options,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(grommet.Box, {
+			align: "center",
+			direction: "row",
+			gap: "small",
+			round: "medium",
+			elevation: "medium",
+			pad: {
+				vertical: "small",
+				horizontal: "medium"
+			},
+			background: bgByType[type],
+			width: { min: "320px" },
+			children: [iconByType[type], getMessage(message)]
+		})
+	});
+}
+//#endregion
+exports.Notification = Notification;

package/dist/Notification.d.cts

@@ -0,0 +1,13 @@
+import React from "react";
+import { LayerExtendedProps } from "grommet";
+//#region src/Notification.d.ts
+export type NotificationType = "success" | "error" | "info" | "warning";
+export type NotificationMessage = React.ReactNode | Error | React.ComponentType;
+export type NotificationOptions = Partial<LayerExtendedProps>;
+export type NotificationProps = {
+  type: NotificationType;
+  message: NotificationMessage;
+  options?: NotificationOptions;
+};
+export declare function Notification({ type, message, options }: NotificationProps): React.JSX.Element;
+//#endregion

package/dist/Notification.d.mts

@@ -0,0 +1,13 @@
+import React from "react";
+import { LayerExtendedProps } from "grommet";
+//#region src/Notification.d.ts
+export type NotificationType = "success" | "error" | "info" | "warning";
+export type NotificationMessage = React.ReactNode | Error | React.ComponentType;
+export type NotificationOptions = Partial<LayerExtendedProps>;
+export type NotificationProps = {
+  type: NotificationType;
+  message: NotificationMessage;
+  options?: NotificationOptions;
+};
+export declare function Notification({ type, message, options }: NotificationProps): React.JSX.Element;
+//#endregion

package/dist/Notification.mjs

@@ -0,0 +1,51 @@
+import "react";
+import { Box, Layer, Text } from "grommet";
+import { Alert } from "grommet-icons/icons/Alert.js";
+import { CircleInformation } from "grommet-icons/icons/CircleInformation.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StatusGood } from "grommet-icons/icons/StatusGood.js";
+import { StatusCritical } from "grommet-icons/icons/StatusCritical.js";
+//#region src/Notification.tsx
+const bgByType = {
+	success: "status-ok",
+	error: "status-warning",
+	info: "neutral-3",
+	warning: "status-warning"
+};
+const iconByType = {
+	success: /* @__PURE__ */ jsx(StatusGood, {}),
+	error: /* @__PURE__ */ jsx(StatusCritical, {}),
+	info: /* @__PURE__ */ jsx(CircleInformation, {}),
+	warning: /* @__PURE__ */ jsx(Alert, {})
+};
+const getMessage = (message) => {
+	if (typeof message === "string" || message instanceof Error) return /* @__PURE__ */ jsx(Text, { children: message.toString() });
+	if (typeof message === "function") return /* @__PURE__ */ jsx(message, {});
+	return message;
+};
+function Notification({ type, message, options }) {
+	return /* @__PURE__ */ jsx(Layer, {
+		position: "bottom",
+		modal: false,
+		margin: { vertical: "large" },
+		responsive: false,
+		plain: true,
+		...options,
+		children: /* @__PURE__ */ jsxs(Box, {
+			align: "center",
+			direction: "row",
+			gap: "small",
+			round: "medium",
+			elevation: "medium",
+			pad: {
+				vertical: "small",
+				horizontal: "medium"
+			},
+			background: bgByType[type],
+			width: { min: "320px" },
+			children: [iconByType[type], getMessage(message)]
+		})
+	});
+}
+//#endregion
+export { Notification };

package/dist/NotificationsProvider.cjs

@@ -0,0 +1,40 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
+const require_interop = require("./interop.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let next_dynamic_js = require("next/dynamic.js");
+next_dynamic_js = require_runtime.__toESM(next_dynamic_js, 1);
+//#region src/NotificationsProvider.tsx
+const Notification = require_interop.unwrapCjsDefault(next_dynamic_js.default)(() => Promise.resolve().then(() => require("./Notification.cjs")).then((m) => m.Notification));
+const context = (0, react.createContext)(void 0);
+const defaultDuration = 5e3;
+function NotificationsProvider({ children }) {
+	const timeoutRef = (0, react.useRef)(void 0);
+	const [notification, setNotification] = (0, react.useState)();
+	const makeNotification = (type, message, { duration = defaultDuration, ...options } = {}) => {
+		clearTimeout(timeoutRef.current);
+		setNotification({
+			type,
+			message,
+			options
+		});
+		timeoutRef.current = setTimeout(() => setNotification(null), duration);
+	};
+	const actions = (0, react.useMemo)(() => ({
+		success: (message, options) => makeNotification("success", message, options),
+		generalError: (options) => makeNotification("error", "Oops, Something went wrong!", options),
+		error: (message, options) => makeNotification("error", message, options),
+		info: (message, options) => makeNotification("info", message, options),
+		warning: (message, options) => makeNotification("warning", message, options)
+	}), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(context.Provider, {
+		value: actions,
+		children
+	}), notification && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Notification, { ...notification })] });
+}
+const useNotifications = () => (0, react.useContext)(context);
+//#endregion
+exports.NotificationsProvider = NotificationsProvider;
+exports.useNotifications = useNotifications;

package/dist/NotificationsProvider.d.cts

@@ -0,0 +1,18 @@
+import { NotificationMessage, NotificationOptions } from "./Notification.cjs";
+import React from "react";
+//#region src/NotificationsProvider.d.ts
+export type MakeNotificationOptions = NotificationOptions & {
+  duration?: number;
+};
+export type NotificationActions = {
+  success: (message: NotificationMessage, options?: MakeNotificationOptions) => void;
+  generalError: (options?: MakeNotificationOptions) => void;
+  error: (message: NotificationMessage, options?: MakeNotificationOptions) => void;
+  info: (message: NotificationMessage, options?: MakeNotificationOptions) => void;
+  warning: (message: NotificationMessage, options?: MakeNotificationOptions) => void;
+};
+export declare function NotificationsProvider({ children }: {
+  children?: React.ReactNode;
+}): React.JSX.Element;
+export declare const useNotifications: () => NotificationActions | undefined;
+//#endregion

package/dist/NotificationsProvider.d.mts

@@ -0,0 +1,18 @@
+import { NotificationMessage, NotificationOptions } from "./Notification.mjs";
+import React from "react";
+//#region src/NotificationsProvider.d.ts
+export type MakeNotificationOptions = NotificationOptions & {
+  duration?: number;
+};
+export type NotificationActions = {
+  success: (message: NotificationMessage, options?: MakeNotificationOptions) => void;
+  generalError: (options?: MakeNotificationOptions) => void;
+  error: (message: NotificationMessage, options?: MakeNotificationOptions) => void;
+  info: (message: NotificationMessage, options?: MakeNotificationOptions) => void;
+  warning: (message: NotificationMessage, options?: MakeNotificationOptions) => void;
+};
+export declare function NotificationsProvider({ children }: {
+  children?: React.ReactNode;
+}): React.JSX.Element;
+export declare const useNotifications: () => NotificationActions | undefined;
+//#endregion

package/dist/NotificationsProvider.mjs

@@ -0,0 +1,35 @@
+import { unwrapCjsDefault } from "./interop.mjs";
+import { Fragment, createContext, useContext, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import dynamicImport from "next/dynamic.js";
+//#region src/NotificationsProvider.tsx
+const Notification = unwrapCjsDefault(dynamicImport)(() => import("./Notification.mjs").then((m) => m.Notification));
+const context = createContext(void 0);
+const defaultDuration = 5e3;
+function NotificationsProvider({ children }) {
+	const timeoutRef = useRef(void 0);
+	const [notification, setNotification] = useState();
+	const makeNotification = (type, message, { duration = defaultDuration, ...options } = {}) => {
+		clearTimeout(timeoutRef.current);
+		setNotification({
+			type,
+			message,
+			options
+		});
+		timeoutRef.current = setTimeout(() => setNotification(null), duration);
+	};
+	const actions = useMemo(() => ({
+		success: (message, options) => makeNotification("success", message, options),
+		generalError: (options) => makeNotification("error", "Oops, Something went wrong!", options),
+		error: (message, options) => makeNotification("error", message, options),
+		info: (message, options) => makeNotification("info", message, options),
+		warning: (message, options) => makeNotification("warning", message, options)
+	}), []);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(context.Provider, {
+		value: actions,
+		children
+	}), notification && /* @__PURE__ */ jsx(Notification, { ...notification })] });
+}
+const useNotifications = () => useContext(context);
+//#endregion
+export { NotificationsProvider, useNotifications };

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/dist/index.cjs

@@ -0,0 +1,26 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Alert = require("./Alert.cjs");
+const require_useResponsive = require("./useResponsive.cjs");
+const require_useIsLarge = require("./useIsLarge.cjs");
+const require_BoxDirection = require("./BoxDirection.cjs");
+const require_ContactUs = require("./ContactUs.cjs");
+const require_ExternalLink = require("./ExternalLink.cjs");
+const require_Image = require("./Image.cjs");
+const require_Loader = require("./Loader.cjs");
+const require_NotificationsProvider = require("./NotificationsProvider.cjs");
+const require_Notification = require("./Notification.cjs");
+const require_useTrackEvents = require("./useTrackEvents.cjs");
+exports.BoxDirection = require_BoxDirection.BoxDirection;
+exports.ContactUs = require_ContactUs.ContactUs;
+exports.ExternalLink = require_ExternalLink.ExternalLink;
+exports.Image = require_Image.Image;
+exports.Information = require_Alert.Information;
+exports.Loader = require_Loader.Loader;
+exports.Notification = require_Notification.Notification;
+exports.NotificationsProvider = require_NotificationsProvider.NotificationsProvider;
+exports.Warning = require_Alert.Warning;
+exports.reportEvent = require_useTrackEvents.reportEvent;
+exports.useIsLarge = require_useIsLarge.useIsLarge;
+exports.useNotifications = require_NotificationsProvider.useNotifications;
+exports.useResponsive = require_useResponsive.useResponsive;
+exports.useTrackEvents = require_useTrackEvents.useTrackEvents;

package/dist/index.d.cts

@@ -0,0 +1,12 @@
+import { AlertProps, Information, Warning } from "./Alert.cjs";
+import { BoxDirection, BoxDirectionProps } from "./BoxDirection.cjs";
+import { ContactUs, ContactUsProps } from "./ContactUs.cjs";
+import { ExternalLink, ExternalLinkProps } from "./ExternalLink.cjs";
+import { Image } from "./Image.cjs";
+import { Loader, LoaderProps } from "./Loader.cjs";
+import { Notification, NotificationMessage, NotificationOptions, NotificationProps, NotificationType } from "./Notification.cjs";
+import { MakeNotificationOptions, NotificationActions, NotificationsProvider, useNotifications } from "./NotificationsProvider.cjs";
+import { useResponsive } from "./useResponsive.cjs";
+import { useIsLarge } from "./useIsLarge.cjs";
+import { reportEvent, useTrackEvents } from "./useTrackEvents.cjs";
+export { type AlertProps, BoxDirection, type BoxDirectionProps, ContactUs, type ContactUsProps, ExternalLink, type ExternalLinkProps, Image, Information, Loader, type LoaderProps, type MakeNotificationOptions, Notification, type NotificationActions, type NotificationMessage, type NotificationOptions, type NotificationProps, type NotificationType, NotificationsProvider, Warning, reportEvent, useIsLarge, useNotifications, useResponsive, useTrackEvents };

package/dist/index.d.mts

@@ -0,0 +1,12 @@
+import { AlertProps, Information, Warning } from "./Alert.mjs";
+import { BoxDirection, BoxDirectionProps } from "./BoxDirection.mjs";
+import { ContactUs, ContactUsProps } from "./ContactUs.mjs";
+import { ExternalLink, ExternalLinkProps } from "./ExternalLink.mjs";
+import { Image } from "./Image.mjs";
+import { Loader, LoaderProps } from "./Loader.mjs";
+import { Notification, NotificationMessage, NotificationOptions, NotificationProps, NotificationType } from "./Notification.mjs";
+import { MakeNotificationOptions, NotificationActions, NotificationsProvider, useNotifications } from "./NotificationsProvider.mjs";
+import { useResponsive } from "./useResponsive.mjs";
+import { useIsLarge } from "./useIsLarge.mjs";
+import { reportEvent, useTrackEvents } from "./useTrackEvents.mjs";
+export { type AlertProps, BoxDirection, type BoxDirectionProps, ContactUs, type ContactUsProps, ExternalLink, type ExternalLinkProps, Image, Information, Loader, type LoaderProps, type MakeNotificationOptions, Notification, type NotificationActions, type NotificationMessage, type NotificationOptions, type NotificationProps, type NotificationType, NotificationsProvider, Warning, reportEvent, useIsLarge, useNotifications, useResponsive, useTrackEvents };