@povio/ui 2.2.6 → 2.2.7

package/dist/components/status/Toast/Toast.js

@@ -1,18 +1,26 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { Loader } from "../Loader/Loader.js";
+import { UIConfig } from "../../../config/uiConfig.context.js";
 import { Button } from "../../buttons/Button/Button.js";
 import { statusIcon, statusSeparator } from "../shared/status.cva.js";
 import { buttonColorVariant, toast as toast$1, toastContainer, toastWrapper } from "./toast.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ToastContainer } from "react-toastify";
-const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
+//#region src/components/status/Toast/Toast.tsx
+var Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
+	const uiConfig = UIConfig.useConfig();
+	const { variant = uiConfig.toast.variant, ...restProps } = props;
 	const toastCva = UIStyle.useCva("toast.cva", toast$1);
 	const buttonColor = UIStyle.useMapper("toast.buttonColor", buttonColorVariant);
 	const iconCva = UIStyle.useCva("status.iconCva", statusIcon);
 	const separatorCva = UIStyle.useCva("status.separatorCva", statusSeparator);
+	const variantProps = {
+		variant,
+		...restProps
+	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: toastCva({ ...props }),
+		className: toastCva(variantProps),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-start gap-toast-gap-icon-to-text px-toast-side-default py-toast-height-content",
 			children: [
@@ -20,17 +28,17 @@ const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props })
 					size: "default",
 					className: "shrink-0"
 				}),
-				!isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({ ...props }) }),
+				!isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva(variantProps) }),
 				/* @__PURE__ */ jsx(Typography, {
 					size: "label-2",
 					children: text
 				})
 			]
-		}), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva({ ...props }) }), /* @__PURE__ */ jsx("div", {
+		}), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva(variantProps) }), /* @__PURE__ */ jsx("div", {
 			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-toast-gap-action px-toast-side-default py-toast-height-actions-mobile md:w-auto md:justify-center md:py-toast-height-actions-desktop",
 			children: actions.map(({ text: buttonText, onPress }) => /* @__PURE__ */ jsx(Button, {
 				onPress,
-				...buttonColor({ ...props }),
+				...buttonColor(variantProps),
 				variant: "text",
 				size: "none",
 				width: "hug",
@@ -39,7 +47,7 @@ const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props })
 		})] })]
 	});
 };
-const ToastContainer$1 = () => {
+var ToastContainer$1 = () => {
 	return /* @__PURE__ */ jsx(ToastContainer, {
 		className: (params) => {
 			return toastContainer({
@@ -54,4 +62,5 @@ const ToastContainer$1 = () => {
 		hideProgressBar: true
 	});
 };
+//#endregion
 export { Toast, ToastContainer$1 as ToastContainer };

package/dist/components/status/Toast/toast.cva.js

@@ -1,7 +1,8 @@
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
-const toastContainer = cva("m-toast-gap-margin-mobile w-auto p-0 md:m-toast-gap-margin-desktop", { variants: { position: {
+//#region src/components/status/Toast/toast.cva.ts
+var toastContainer = cva("m-toast-gap-margin-mobile w-auto gap-toast-gap-margin-mobile p-0 md:m-toast-gap-margin-desktop md:gap-toast-gap-margin-desktop", { variants: { position: {
 	"bottom-right": "right-0 bottom-0",
 	"bottom-left": "bottom-0 left-0",
 	"top-right": "top-0 right-0",
@@ -9,8 +10,8 @@ const toastContainer = cva("m-toast-gap-margin-mobile w-auto p-0 md:m-toast-gap-
 	"bottom-center": "bottom-0",
 	"top-center": "top-0"
 } } });
-const toastWrapper = clsx("m-0! min-h-0 w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
-const toast = cva("inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row", {
+var toastWrapper = clsx("m-0! min-h-0! w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
+var toast = cva("m-0 inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row", {
 	variants: {
 		variant: {
 			outlined: "border bg-elevation-fill-default-1 text-text-default-1",
@@ -32,22 +33,6 @@ const toast = cva("inline-flex w-auto flex-col items-center overflow-hidden roun
 		}
 	},
 	compoundVariants: [
-		{
-			position: [
-				"bottom-right",
-				"bottom-left",
-				"bottom-center"
-			],
-			className: "mt-toast-gap-margin-mobile md:mt-toast-gap-margin-desktop"
-		},
-		{
-			position: [
-				"top-right",
-				"top-left",
-				"top-center"
-			],
-			className: "mb-toast-gap-margin-mobile md:mb-toast-gap-margin-desktop"
-		},
 		{
 			variant: "outlined",
 			color: "neutral",
@@ -94,7 +79,7 @@ const toast = cva("inline-flex w-auto flex-col items-center overflow-hidden roun
 		color: "neutral"
 	}
 });
-const buttonColorVariant = compoundMapper({
+var buttonColorVariant = compoundMapper({
 	compoundVariants: [
 		{
 			variant: "outlined",
@@ -155,4 +140,5 @@ const buttonColorVariant = compoundMapper({
 	},
 	default: { color: "secondary" }
 });
+//#endregion
 export { buttonColorVariant, toast, toastContainer, toastWrapper };

package/dist/components/status/Toast/useToast.js

@@ -2,7 +2,8 @@ import { Toast } from "./Toast.js";
 import { jsx } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { toast } from "react-toastify";
-const useToast = () => {
+//#region src/components/status/Toast/useToast.tsx
+var useToast = () => {
 	const successToast = useCallback((params, options) => {
 		return toast.success(/* @__PURE__ */ jsx(Toast, {
 			color: "success",
@@ -60,4 +61,5 @@ const useToast = () => {
 		closeToast
 	]);
 };
+//#endregion
 export { useToast };

package/dist/components/status/shared/status.cva.js

@@ -1,5 +1,6 @@
 import { cva } from "class-variance-authority";
-const statusIcon = cva("size-6 shrink-0", {
+//#region src/components/status/shared/status.cva.ts
+var statusIcon = cva("size-6 shrink-0", {
 	variants: {
 		variant: {
 			outlined: "",
@@ -39,7 +40,7 @@ const statusIcon = cva("size-6 shrink-0", {
 		color: "neutral"
 	}
 });
-const statusSeparator = cva("h-px shrink-0 self-stretch md:h-auto md:w-px", {
+var statusSeparator = cva("h-px shrink-0 self-stretch md:h-auto md:w-px", {
 	variants: {
 		variant: {
 			outlined: "",
@@ -54,4 +55,5 @@ const statusSeparator = cva("h-px shrink-0 self-stretch md:h-auto md:w-px", {
 	},
 	defaultVariants: { color: "neutral" }
 });
+//#endregion
 export { statusIcon, statusSeparator };

package/dist/components/table/CellText.js

@@ -3,7 +3,8 @@ import { Typography } from "../text/Typography/Typography.js";
 import { UIConfig } from "../../config/uiConfig.context.js";
 import { tableCellText } from "./table.cva.js";
 import { jsx } from "react/jsx-runtime";
-const CellText = (props) => {
+//#region src/components/table/CellText.tsx
+var CellText = (props) => {
 	const uiConfig = UIConfig.useConfig();
 	const { variant = uiConfig.tableCellText.variant, size = uiConfig.tableCellText.size, children, style, className } = props;
 	return /* @__PURE__ */ jsx(Typography, {
@@ -16,4 +17,5 @@ const CellText = (props) => {
 		children
 	});
 };
+//#endregion
 export { CellText };

package/dist/components/table/ColumnConfig.js

@@ -1,5 +1,5 @@
 import { Typography } from "../text/Typography/Typography.js";
-import { ns } from "../../config/i18n.js";
+import "../../config/i18n.js";
 import { Checkbox } from "../inputs/Checkbox/Checkbox.js";
 import { Modal } from "../overlays/Modal/Modal.js";
 import { Table } from "./Table.js";
@@ -7,6 +7,7 @@ import { useTranslationMemo } from "../../hooks/useTranslationMemo.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
+//#region src/components/table/ColumnConfig.tsx
 var VisibilityCell = ({ original, onToggle }) => /* @__PURE__ */ jsx(Checkbox, {
 	isSelected: original.visible,
 	onChange: () => onToggle(original.id),
@@ -78,4 +79,5 @@ function ColumnConfigModal({ isOpen, onClose, configColumns, visibleColumns, onV
 		})
 	});
 }
+//#endregion
 export { ColumnConfigModal };

package/dist/components/table/HeaderText.js

@@ -3,7 +3,8 @@ import { Typography } from "../text/Typography/Typography.js";
 import { UIConfig } from "../../config/uiConfig.context.js";
 import { tableHeaderText } from "./table.cva.js";
 import { jsx } from "react/jsx-runtime";
-const HeaderText = (props) => {
+//#region src/components/table/HeaderText.tsx
+var HeaderText = (props) => {
 	const uiConfig = UIConfig.useConfig();
 	const { variant = uiConfig.tableHeaderText.variant, size = uiConfig.tableHeaderText.size, children, style, className } = props;
 	return /* @__PURE__ */ jsx(Typography, {
@@ -15,4 +16,5 @@ const HeaderText = (props) => {
 		children
 	});
 };
+//#endregion
 export { HeaderText };

package/dist/components/table/InfiniteTable.js

@@ -3,7 +3,8 @@ import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js"
 import { Table } from "./Table.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-const InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
+//#region src/components/table/InfiniteTable.tsx
+var InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
 	const { ref } = useIntersectionObserver({
 		onIntersection: useCallback(() => {
 			if (!isFetchingNextPage && hasNextPage) fetchNextPage();
@@ -23,4 +24,5 @@ const InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage,
 		})]
 	});
 };
+//#endregion
 export { InfiniteTable };

package/dist/components/table/PaginatedTable.js

@@ -1,7 +1,8 @@
 import { Pagination } from "../shared/pagination/Pagination.js";
 import { Table } from "./Table.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const PaginatedTable = ({ pagination, setPagination, items, totalItems, ...rest }) => {
+//#region src/components/table/PaginatedTable.tsx
+var PaginatedTable = ({ pagination, setPagination, items, totalItems, ...rest }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-4",
 		children: [/* @__PURE__ */ jsx(Table, {
@@ -23,4 +24,5 @@ const PaginatedTable = ({ pagination, setPagination, items, totalItems, ...rest
 		})]
 	});
 };
+//#endregion
 export { PaginatedTable };

package/dist/components/table/Table.js

@@ -17,6 +17,7 @@ import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 import { SortableContext, arrayMove, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+//#region src/components/table/Table.tsx
 var CustomCellContext = (context) => {
 	return {
 		...context,
@@ -29,7 +30,7 @@ var CellRender = (Comp, props) => {
 	const rendered = typeof Comp === "function" ? Comp(props) : Comp;
 	return typeof rendered === "string" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
 };
-const RowDragHandleCell = ({ rowId }) => {
+var RowDragHandleCell = ({ rowId }) => {
 	const { attributes, listeners } = useSortable({ id: rowId });
 	return /* @__PURE__ */ jsx(InlineIconButton, {
 		...attributes,
@@ -72,7 +73,7 @@ var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCv
 		})
 	});
 };
-const Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop = false, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection = false, defaultSelectedRows, onRowSelectionChange, ...props }) => {
+var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop = false, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection = false, defaultSelectedRows, onRowSelectionChange, ...props }) => {
 	const tableRowCva = UIStyle.useCva("table.rowCva", tableRow);
 	const tableHeadRowCva = UIStyle.useCva("table.headRowCva", tableHeadRow);
 	const tableHeadDataCva = UIStyle.useCva("table.headDataCva", tableHeadData);
@@ -260,4 +261,5 @@ const Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, clas
 	});
 	return tableElement;
 };
+//#endregion
 export { Table };

package/dist/components/table/table.cva.js

@@ -1,5 +1,6 @@
 import { cva } from "class-variance-authority";
-const tableRow = cva([
+//#region src/components/table/table.cva.ts
+var tableRow = cva([
 	"h-9 max-h-12",
 	"hover:bg-elevation-fill-default-2",
 	"disabled:opacity-50",
@@ -11,15 +12,15 @@ const tableRow = cva([
 	even: "even:bg-elevation-fill-inverted-4/5",
 	odd: "odd:bg-elevation-fill-inverted-4/5"
 } } });
-const tableHeadRow = cva(["h-8 w-full"]);
-const tableHeadData = cva(["border-b border-b-elevation-outline-default-1 border-solid px-table-header-cell-container-side-default py-table-header-cell-container-height-default text-left", "group-data-[is-sticky=true]/table-head:bg-elevation-fill-default-1"], {
+var tableHeadRow = cva(["h-8 w-full"]);
+var tableHeadData = cva(["border-b border-b-elevation-outline-default-1 border-solid px-table-header-cell-container-side-default py-table-header-cell-container-height-default text-left", "group-data-[is-sticky=true]/table-head:bg-elevation-fill-default-1"], {
 	variants: { hasRightBorder: {
 		true: "border-l border-l-elevation-outline-default-1 border-solid",
 		false: ""
 	} },
 	defaultVariants: { hasRightBorder: true }
 });
-const tableData = cva([
+var tableData = cva([
 	"relative h-0-5 overflow-hidden text-ellipsis whitespace-nowrap border-t border-t-transparent px-2",
 	"border-b border-b-elevation-outline-default-1",
 	"has-[*>[data-hovered]:not([data-disabled])]:hover:border-b-input-outlined-outline-hover",
@@ -32,6 +33,7 @@ const tableData = cva([
 	} },
 	defaultVariants: { hasRightBorder: true }
 });
-const tableHeaderText = cva(["overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-text-default-1"]);
-const tableCellText = cva(["block overflow-hidden text-ellipsis text-text-default-2"]);
+var tableHeaderText = cva(["overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-text-default-1"]);
+var tableCellText = cva(["block overflow-hidden text-ellipsis text-text-default-2"]);
+//#endregion
 export { tableCellText, tableData, tableHeadData, tableHeadRow, tableHeaderText, tableRow };

package/dist/components/text/Link/Link.js

@@ -3,7 +3,8 @@ import { LinkContext } from "../../../config/link.context.js";
 import { link } from "./link.cva.js";
 import { jsx } from "react/jsx-runtime";
 import { Link } from "react-aria-components";
-const Link$1 = ({ variant, ...props }) => {
+//#region src/components/text/Link/Link.tsx
+var Link$1 = ({ variant, ...props }) => {
 	const linkContext = LinkContext.useLinkContext();
 	const linkCva = UIStyle.useCva("link.cva", link);
 	const LinkComponent = linkContext?.LinkComponent ?? Link;
@@ -16,4 +17,5 @@ const Link$1 = ({ variant, ...props }) => {
 		})
 	});
 };
+//#endregion
 export { Link$1 as Link };

package/dist/components/text/Link/link.cva.js

@@ -1,7 +1,9 @@
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { cva } from "class-variance-authority";
-const link = cva(["underline", uiOutlineClass], {
+//#region src/components/text/Link/link.cva.ts
+var link = cva(["underline", uiOutlineClass], {
 	variants: { variant: { default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"] } },
 	defaultVariants: { variant: "default" }
 });
+//#endregion
 export { link };

package/dist/components/text/Tag/Tag.d.ts

@@ -1,12 +1,15 @@
 import { Ref } from 'react';
 import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import { TagVariantProps } from './tag.cva';
+import { TypographyProps } from '../Typography/Typography';
 export interface TagProps extends TagVariantProps, AriaButtonProps {
     className?: string;
     children: string;
     dismissable?: boolean;
     isDisabled?: boolean;
     contentRef?: Ref<HTMLElement>;
+    textVariant?: TypographyProps["variant"];
+    textSize?: TypographyProps["size"];
     onDismiss?: () => void;
 }
 export declare const Tag: ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/text/Tag/Tag.js

@@ -1,13 +1,17 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { Typography } from "../Typography/Typography.js";
-import { ns } from "../../../config/i18n.js";
+import { UIConfig } from "../../../config/uiConfig.context.js";
+import "../../../config/i18n.js";
 import { tag } from "./tag.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
+//#region src/components/text/Tag/Tag.tsx
+var Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
+	const uiConfig = UIConfig.useConfig();
+	const { textVariant = uiConfig.tag.textVariant, textSize = uiConfig.tag.textSize } = props;
 	const tagCva = UIStyle.useCva("tag.cva", tag);
 	const { t } = useTranslation("ui");
 	const buttonProps = {
@@ -23,8 +27,8 @@ const Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentR
 		}),
 		children: [/* @__PURE__ */ jsx(Typography, {
 			ref: contentRef,
-			variant: "default",
-			size: "label-2",
+			variant: textVariant,
+			size: textSize,
 			as: "span",
 			className: "truncate",
 			children
@@ -35,4 +39,5 @@ const Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentR
 		})]
 	});
 };
+//#endregion
 export { Tag };

package/dist/components/text/Tag/tag.cva.js

@@ -1,6 +1,7 @@
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { cva } from "class-variance-authority";
-const tag = cva([
+//#region src/components/text/Tag/tag.cva.ts
+var tag = cva([
 	uiOutlineClass,
 	"inline-flex items-center gap-list-gap-icon-to-label",
 	"p-pill-height-s px-1-5",
@@ -47,4 +48,5 @@ const tag = cva([
 	} },
 	defaultVariants: { color: "primary" }
 });
+//#endregion
 export { tag };

package/dist/components/text/Typography/Typography.js

@@ -1,7 +1,8 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { typography } from "./typography.cva.js";
 import { jsx } from "react/jsx-runtime";
-const Typography = ({ as = "p", className, ...props }) => {
+//#region src/components/text/Typography/Typography.tsx
+var Typography = ({ as = "p", className, ...props }) => {
 	return /* @__PURE__ */ jsx(as, {
 		className: UIStyle.useCva("typography.cva", typography)({
 			...props,
@@ -11,4 +12,5 @@ const Typography = ({ as = "p", className, ...props }) => {
 		...props
 	});
 };
+//#endregion
 export { Typography };

package/dist/components/text/Typography/typography.cva.js

@@ -1,5 +1,6 @@
 import { cva } from "class-variance-authority";
-const typography = cva("", {
+//#region src/components/text/Typography/typography.cva.ts
+var typography = cva("", {
 	variants: {
 		size: {
 			"headline-1": "md:text-desktop-headline-1",
@@ -121,4 +122,5 @@ const typography = cva("", {
 		}
 	]
 });
+//#endregion
 export { typography };

package/dist/config/confirmation.context.js

@@ -1,9 +1,10 @@
-import { ns } from "./i18n.js";
+import "./i18n.js";
 import { ActionModal } from "../components/overlays/ActionModal/ActionModal.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useCallback, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-let Confirmation;
+//#region src/config/confirmation.context.tsx
+var Confirmation;
 (function(_Confirmation) {
 	const DEFAULT_STATE = {
 		heading: "",
@@ -75,4 +76,5 @@ let Confirmation;
 		return context;
 	};
 })(Confirmation || (Confirmation = {}));
+//#endregion
 export { Confirmation };

package/dist/config/i18n.js

@@ -1,8 +1,10 @@
 import translation_default from "../assets/locales/en/translation.json.js";
 import translation_default$1 from "../assets/locales/sl/translation.json.js";
-const ns = "ui";
-const resources = {
+//#region src/config/i18n.ts
+var ns = "ui";
+var resources = {
 	en: { ["ui"]: translation_default },
 	sl: { ["ui"]: translation_default$1 }
 };
+//#endregion
 export { ns, resources };

package/dist/config/link.context.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
-let LinkContext;
+//#region src/config/link.context.tsx
+var LinkContext;
 (function(_LinkContext) {
 	const LinkContextInternal = createContext(null);
 	_LinkContext.LinkContextProvider = ({ children, LinkComponent }) => {
@@ -14,4 +15,5 @@ let LinkContext;
 		return use(LinkContextInternal);
 	};
 })(LinkContext || (LinkContext = {}));
+//#endregion
 export { LinkContext };

package/dist/config/router.context.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, use, useMemo } from "react";
 import { RouterProvider } from "react-aria";
-let UIRouter;
+//#region src/config/router.context.tsx
+var UIRouter;
 (function(_UIRouter) {
 	const UIRouterContext = createContext(null);
 	_UIRouter.UIRouterProvider = ({ children, pathname, push, replace, searchString }) => {
@@ -34,4 +35,5 @@ let UIRouter;
 		return context;
 	};
 })(UIRouter || (UIRouter = {}));
+//#endregion
 export { UIRouter };

package/dist/config/theme.context.js

@@ -2,7 +2,8 @@ import { useLocalStorage } from "../hooks/useLocalStorage.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use, useCallback, useEffect, useMemo, useState } from "react";
 import { z } from "zod";
-let ThemeContext;
+//#region src/config/theme.context.tsx
+var ThemeContext;
 (function(_ThemeContext) {
 	const DEFAULT_STORAGE_KEY = "theme";
 	const ThemeSchema = z.literal([
@@ -10,7 +11,7 @@ let ThemeContext;
 		"dark",
 		"system"
 	]);
-	const ThemeContext$1 = createContext(null);
+	const ThemeContext = createContext(null);
 	_ThemeContext.ThemeContextProvider = ({ children, storageKey = DEFAULT_STORAGE_KEY }) => {
 		const [systemTheme, setSystemTheme] = useState(() => {
 			if (typeof window === "undefined") return;
@@ -20,8 +21,8 @@ let ThemeContext;
 			key: storageKey,
 			schema: ThemeSchema
 		});
-		const updateTheme = useCallback((theme$1) => {
-			set(theme$1);
+		const updateTheme = useCallback((theme) => {
+			set(theme);
 		}, [set]);
 		useEffect(() => {
 			if (typeof window === "undefined") return;
@@ -53,13 +54,14 @@ let ThemeContext;
 			systemTheme,
 			updateTheme
 		]);
-		return /* @__PURE__ */ jsx(ThemeContext$1.Provider, {
+		return /* @__PURE__ */ jsx(ThemeContext.Provider, {
 			value: contextValue,
 			children
 		});
 	};
 	_ThemeContext.useTheme = () => {
-		return use(ThemeContext$1);
+		return use(ThemeContext);
 	};
 })(ThemeContext || (ThemeContext = {}));
+//#endregion
 export { ThemeContext };

package/dist/config/uiConfig.context.d.ts

@@ -10,8 +10,10 @@ import { SliderProps } from '../components/inputs/Slider/Slider';
 import { ToggleProps } from '../components/inputs/Toggle/Toggle';
 import { ActionModalProps } from '../components/overlays/ActionModal/ActionModal';
 import { BottomSheetProps } from '../components/overlays/BottomSheet/BottomSheet';
+import { ToastProps } from '../components/status/Toast/Toast';
 import { CellTextProps } from '../components/table/CellText';
 import { HeaderTextProps } from '../components/table/HeaderText';
+import { TagProps } from '../components/text/Tag/Tag';
 export declare namespace UIConfig {
     type DeepRequired<T> = {
         [P in keyof T]-?: T[P] extends object ? DeepRequired<T[P]> : Exclude<T[P], null | undefined>;
@@ -30,6 +32,8 @@ export declare namespace UIConfig {
         bottomSheet: Pick<BottomSheetProps, "closeDragThreshold" | "closeVelocityThreshold" | "hideThumb" | "headerTypography">;
         tableHeaderText: Pick<HeaderTextProps, "variant" | "size">;
         tableCellText: Pick<CellTextProps, "variant" | "size">;
+        tag: Pick<TagProps, "textVariant" | "textSize">;
+        toast: Pick<ToastProps, "variant">;
     }
     interface ProviderProps {
         config?: Partial<Options>;

package/dist/config/uiConfig.context.js

@@ -2,7 +2,8 @@ import { ObjectUtils } from "../utils/object.utils.js";
 import { useDeepCompareMemo } from "../hooks/useDeepCompare.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
-let UIConfig;
+//#region src/config/uiConfig.context.tsx
+var UIConfig;
 (function(_UIConfig) {
 	const DEFAULT_CONFIG = {
 		input: {
@@ -65,7 +66,12 @@ let UIConfig;
 		tableCellText: {
 			variant: "default",
 			size: "label-1"
-		}
+		},
+		tag: {
+			textVariant: "default",
+			textSize: "label-2"
+		},
+		toast: { variant: "outlined" }
 	};
 	const Context = createContext(DEFAULT_CONFIG);
 	_UIConfig.Provider = ({ config = {}, children }) => {
@@ -84,4 +90,5 @@ let UIConfig;
 		return context;
 	};
 })(UIConfig || (UIConfig = {}));
+//#endregion
 export { UIConfig };

package/dist/config/uiStyle.context.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
-let UIStyle;
+//#region src/config/uiStyle.context.tsx
+var UIStyle;
 (function(_UIStyle) {
 	const Context = createContext(null);
 	_UIStyle.Provider = ({ children, config }) => {
@@ -25,4 +26,5 @@ let UIStyle;
 		return uiStyle[k1]?.[k2] ?? fallback;
 	};
 })(UIStyle || (UIStyle = {}));
+//#endregion
 export { UIStyle };