@povio/ui 3.4.0-rc.15 → 3.4.0-rc.17

package/dist/components/table/InfiniteTable.js

@@ -1,28 +1,79 @@
-import { Loader } from "../status/Loader/Loader.js";
+import { Loader } from "../loader.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { Table } from "./Table.js";
-import { useCallback } from "react";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/table/InfiniteTable.tsx
-var InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
-	const { ref } = useIntersectionObserver({
-		onIntersection: useCallback(() => {
+const InfiniteTable = (t0) => {
+	const $ = c(20);
+	let fetchNextPage;
+	let hasNextPage;
+	let rest;
+	let t1;
+	if ($[0] !== t0) {
+		({hasNextPage, isFetchingNextPage: t1, fetchNextPage, ...rest} = t0);
+		$[0] = t0;
+		$[1] = fetchNextPage;
+		$[2] = hasNextPage;
+		$[3] = rest;
+		$[4] = t1;
+	} else {
+		fetchNextPage = $[1];
+		hasNextPage = $[2];
+		rest = $[3];
+		t1 = $[4];
+	}
+	const isFetchingNextPage = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[5] !== fetchNextPage || $[6] !== hasNextPage || $[7] !== isFetchingNextPage) {
+		t2 = () => {
 			if (!isFetchingNextPage && hasNextPage) fetchNextPage();
-		}, [
-			isFetchingNextPage,
-			hasNextPage,
-			fetchNextPage
-		]),
-		rootMargin: "100px"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col",
-		children: [/* @__PURE__ */ jsx(Table, { ...rest }), (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
+		};
+		$[5] = fetchNextPage;
+		$[6] = hasNextPage;
+		$[7] = isFetchingNextPage;
+		$[8] = t2;
+	} else t2 = $[8];
+	const handleLoadMore = t2;
+	let t3;
+	if ($[9] !== handleLoadMore) {
+		t3 = {
+			onIntersection: handleLoadMore,
+			rootMargin: "100px"
+		};
+		$[9] = handleLoadMore;
+		$[10] = t3;
+	} else t3 = $[10];
+	const { ref } = useIntersectionObserver(t3);
+	let t4;
+	if ($[11] !== rest) {
+		t4 = /* @__PURE__ */ jsx(Table, { ...rest });
+		$[11] = rest;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== hasNextPage || $[14] !== isFetchingNextPage || $[15] !== ref) {
+		t5 = (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
 			ref,
 			className: "flex justify-center py-4",
 			children: /* @__PURE__ */ jsx(Loader, {})
-		})]
-	});
+		});
+		$[13] = hasNextPage;
+		$[14] = isFetchingNextPage;
+		$[15] = ref;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== t4 || $[18] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col",
+			children: [t4, t5]
+		});
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
+	return t6;
 };
 //#endregion
 export { InfiniteTable };

package/dist/components/table/PaginatedTable.d.ts

@@ -1,11 +1,13 @@
-import { PaginationState } from '@tanstack/react-table';
-import { Dispatch, SetStateAction } from 'react';
-import { TableProps } from './Table';
-export interface PaginatedTableWrapperProps<T> extends Omit<PaginatedTableProps<T>, "columns"> {
+import { TableProps } from "./Table.js";
+import { Dispatch, SetStateAction } from "react";
+import { PaginationState } from "@tanstack/react-table";
+//#region src/components/table/PaginatedTable.d.ts
+interface PaginatedTableWrapperProps<T> extends Omit<PaginatedTableProps<T>, "columns"> {}
+interface PaginatedTableProps<T> extends TableProps<T> {
+  totalItems: number;
+  pagination: PaginationState;
+  setPagination: Dispatch<SetStateAction<PaginationState>>;
 }
-export interface PaginatedTableProps<T> extends TableProps<T> {
-    totalItems: number;
-    pagination: PaginationState;
-    setPagination: Dispatch<SetStateAction<PaginationState>>;
-}
-export declare const PaginatedTable: <T>({ pagination, setPagination, items, totalItems, ...rest }: PaginatedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const PaginatedTable: <T>({ pagination, setPagination, items, totalItems, ...rest }: PaginatedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { PaginatedTable, PaginatedTableProps, PaginatedTableWrapperProps };

package/dist/components/table/PaginatedTable.js

@@ -1,9 +1,9 @@
-import { Pagination } from "../shared/pagination/Pagination.js";
+import { Pagination } from "../pagination.js";
 import { Table } from "./Table.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/table/PaginatedTable.tsx
-var PaginatedTable = (t0) => {
+const PaginatedTable = (t0) => {
 	const $ = c(24);
 	let items;
 	let pagination;

package/dist/components/table/Table.d.ts

@@ -1,37 +1,36 @@
-import { DragEndEvent, UniqueIdentifier } from '@dnd-kit/core';
-import { ColumnDef, ColumnOrderState, OnChangeFn, Table as ReactTable, Row, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
-import { TFunction } from 'i18next';
-import { ComponentType, Dispatch, SetStateAction } from 'react';
-import { TableRowVariantProps } from './table.cva';
-export type BulkSelectionActionsComponent<T> = ComponentType<{
-    table: ReactTable<T>;
+import { TableRowVariantProps } from "./table.cva.js";
+import { ComponentType, Dispatch, SetStateAction } from "react";
+import { DragEndEvent, UniqueIdentifier } from "@dnd-kit/core";
+import { ColumnDef, ColumnOrderState, OnChangeFn, Row, RowSelectionState, SortingState, Table, VisibilityState } from "@tanstack/react-table";
+import { TFunction } from "i18next";
+//#region src/components/table/Table.d.ts
+type BulkSelectionActionsComponent<T> = ComponentType<{
+  table: Table<T>;
 }>;
-export interface TableWrapperProps<T> extends Omit<TableProps<T>, "columns"> {
+interface TableWrapperProps<T> extends Omit<TableProps<T>, "columns"> {}
+interface TableProps<T> extends TableRowVariantProps {
+  items: T[];
+  columns: ((t: TFunction) => ColumnDef<T>[]) | ColumnDef<T>[];
+  showCellBorder?: boolean;
+  onRowClick?: (row: T) => void;
+  onDoubleClick?: (row: T) => void;
+  className?: string;
+  sorting?: SortingState;
+  setSorting?: Dispatch<SetStateAction<SortingState>>;
+  columnOrder?: ColumnOrderState;
+  setColumnOrder?: Dispatch<SetStateAction<ColumnOrderState>>;
+  columnVisibility?: VisibilityState;
+  setColumnVisibility?: Dispatch<SetStateAction<VisibilityState>>;
+  bulkSelectionActions?: BulkSelectionActionsComponent<T>;
+  enableDragDrop?: boolean;
+  onDragEnd?: (event: DragEndEvent) => void;
+  onReorder?: (reorderedItems: T[]) => void;
+  getRowId?: (row: T) => UniqueIdentifier;
+  enableRowSelection?: boolean | ((row: Row<T>) => boolean);
+  enableMultiRowSelection?: boolean | ((row: Row<T>) => boolean);
+  defaultSelectedRows?: RowSelectionState;
+  onRowSelectionChange?: OnChangeFn<RowSelectionState>;
 }
-export interface TableProps<T> extends TableRowVariantProps {
-    items: T[];
-    columns: ((t: TFunction) => ColumnDef<T>[]) | ColumnDef<T>[];
-    showCellBorder?: boolean;
-    onRowClick?: (row: T) => void;
-    onDoubleClick?: (row: T) => void;
-    className?: string;
-    sorting?: SortingState;
-    setSorting?: Dispatch<SetStateAction<SortingState>>;
-    columnOrder?: ColumnOrderState;
-    setColumnOrder?: Dispatch<SetStateAction<ColumnOrderState>>;
-    columnVisibility?: VisibilityState;
-    setColumnVisibility?: Dispatch<SetStateAction<VisibilityState>>;
-    bulkSelectionActions?: BulkSelectionActionsComponent<T>;
-    enableDragDrop?: boolean;
-    onDragEnd?: (event: DragEndEvent) => void;
-    onReorder?: (reorderedItems: T[]) => void;
-    getRowId?: (row: T) => UniqueIdentifier;
-    enableRowSelection?: boolean | ((row: Row<T>) => boolean);
-    enableMultiRowSelection?: boolean | ((row: Row<T>) => boolean);
-    defaultSelectedRows?: RowSelectionState;
-    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
-}
-export declare const RowDragHandleCell: ({ rowId }: {
-    rowId: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Table: <T>({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection, defaultSelectedRows, onRowSelectionChange, ...props }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Table$1: <T>({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection, defaultSelectedRows, onRowSelectionChange, ...props }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { BulkSelectionActionsComponent, Table$1 as Table, TableProps, TableWrapperProps };

package/dist/components/table/Table.js

@@ -1,6 +1,6 @@
 "use no memo";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { InlineIconButton } from "../buttons/InlineIconButton/InlineIconButton.js";
+import { InlineIconButton } from "../inline-icon-button.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableRowDefinition, theadDefinition } from "./table.cva.js";
 import { CellText } from "./CellText.js";
@@ -17,7 +17,7 @@ import { CSS } from "@dnd-kit/utilities";
 import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import i18next from "i18next";
 //#region src/components/table/Table.tsx
-var CustomCellContext = (context) => {
+const CustomCellContext = (context) => {
 	return {
 		...context,
 		original: context.row.original,
@@ -25,11 +25,11 @@ var CustomCellContext = (context) => {
 		value: context.getValue()
 	};
 };
-var renderCell = (Comp, props) => {
+const renderCell = (Comp, props) => {
 	const rendered = flexRender(Comp, props);
 	return typeof rendered === "string" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
 };
-var RowDragHandleCell = ({ rowId }) => {
+const RowDragHandleCell = ({ rowId }) => {
 	const { attributes, listeners } = useSortable({ id: rowId });
 	return /* @__PURE__ */ jsx(InlineIconButton, {
 		...attributes,
@@ -39,18 +39,19 @@ var RowDragHandleCell = ({ rowId }) => {
 		icon: GripVertical
 	});
 };
-var AutoDragHandleCell = ({ row }) => /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
-var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick, ...props }) => {
+const AutoDragHandleCell = ({ row }) => /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
+const DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick, ...props }) => {
 	const { transform, transition, setNodeRef, isDragging } = useSortable({ id: row.id });
+	const style = {
+		transform: CSS.Transform.toString(transform),
+		transition,
+		opacity: isDragging ? .8 : 1,
+		zIndex: isDragging ? 1 : 0,
+		position: "relative"
+	};
 	return /* @__PURE__ */ jsx("tr", {
 		ref: setNodeRef,
-		style: {
-			transform: CSS.Transform.toString(transform),
-			transition,
-			opacity: isDragging ? .8 : 1,
-			zIndex: isDragging ? 1 : 0,
-			position: "relative"
-		},
+		style,
 		"data-clickable": hasOnClick || row.getCanSelect() || void 0,
 		"data-selected": row.getIsSelected() || void 0,
 		className: clsx(tableRowCva(props)),
@@ -72,7 +73,7 @@ var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCv
 		})
 	});
 };
-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 Table$1 = ({ 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 = UIOverrides.useCva("table.rowCva", tableRowDefinition);
 	const theadCva = UIOverrides.useCva("table.theadCva", theadDefinition);
 	const tableHeadRowCva = UIOverrides.useCva("table.headRowCva", tableHeadRowDefinition);
@@ -112,9 +113,10 @@ var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, classN
 		getRowId
 	]);
 	const [isSticky, setIsSticky] = useState(false);
-	const { ref: stickyRef } = useIntersectionObserver({ onIntersectionChange: useCallback((entry) => {
+	const onIntersectionChange = useCallback((entry) => {
 		setIsSticky(entry.intersectionRatio < 1);
-	}, []) });
+	}, []);
+	const { ref: stickyRef } = useIntersectionObserver({ onIntersectionChange });
 	const table = useReactTable({
 		data,
 		columns: tableColumns,
@@ -262,4 +264,4 @@ var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, classN
 	return tableElement;
 };
 //#endregion
-export { Table };
+export { RowDragHandleCell, Table$1 as Table };

package/dist/components/table/table.cva.d.ts

@@ -1,65 +1,46 @@
-import { UIOverrides } from '../../config/uiOverrides.context';
-export declare const tableRowDefinition: {
-    base: string[];
-    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly alternatingBackground: {
-            readonly even: "even:bg-elevation-fill-inverted-4/5";
-            readonly odd: "odd:bg-elevation-fill-inverted-4/5";
-        };
-    }>;
+import { StyleMergeUtils } from "../../utils/style-merge.util.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+//#region src/components/table/table.cva.d.ts
+declare const tableRowDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly alternatingBackground: {
+      readonly even: "even:bg-elevation-fill-inverted-4/5";
+      readonly odd: "odd:bg-elevation-fill-inverted-4/5";
+    };
+  }>;
 };
-export type TableRowConfig = NonNullable<typeof tableRowDefinition.config>;
-export interface TableRowVariantProps extends UIOverrides.VariantProps<TableRowConfig> {
-}
-export declare const theadDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+type TableRowConfig = NonNullable<typeof tableRowDefinition.config>;
+interface TableRowVariantProps extends UIOverrides.VariantProps<TableRowConfig> {}
+declare const tableHeadRowDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type TheadConfig = NonNullable<typeof theadDefinition.config>;
-export interface TheadVariantProps extends UIOverrides.VariantProps<TheadConfig> {
-}
-export declare const tableHeadRowDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+declare const tableHeadDataDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly hasRightBorder: {
+      readonly true: "border-l border-l-elevation-outline-default-1 border-solid";
+      readonly false: "";
+    };
+  }>;
 };
-export type TableHeadRowConfig = NonNullable<typeof tableHeadRowDefinition.config>;
-export interface TableHeadRowVariantProps extends UIOverrides.VariantProps<TableHeadRowConfig> {
-}
-export declare const tableHeadDataDefinition: {
-    base: string[];
-    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly hasRightBorder: {
-            readonly true: "border-l border-l-elevation-outline-default-1 border-solid";
-            readonly false: "";
-        };
-    }>;
+declare const tableDataDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly hasRightBorder: {
+      readonly true: "border-l border-l-elevation-outline-default-1";
+      readonly false: "";
+    };
+  }>;
 };
-export type TableHeadDataConfig = NonNullable<typeof tableHeadDataDefinition.config>;
-export interface TableHeadDataVariantProps extends UIOverrides.VariantProps<TableHeadDataConfig> {
-}
-export declare const tableDataDefinition: {
-    base: string[];
-    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly hasRightBorder: {
-            readonly true: "border-l border-l-elevation-outline-default-1";
-            readonly false: "";
-        };
-    }>;
+declare const tableHeaderTextDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type TableDataConfig = NonNullable<typeof tableDataDefinition.config>;
-export interface TableDataVariantProps extends UIOverrides.VariantProps<TableDataConfig> {
-}
-export declare const tableHeaderTextDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+declare const tableCellTextDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type TableHeaderTextConfig = NonNullable<typeof tableHeaderTextDefinition.config>;
-export interface TableHeaderTextVariantProps extends UIOverrides.VariantProps<TableHeaderTextConfig> {
-}
-export declare const tableCellTextDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
-};
-export type TableCellTextConfig = NonNullable<typeof tableCellTextDefinition.config>;
-export interface TableCellTextVariantProps extends UIOverrides.VariantProps<TableCellTextConfig> {
-}
+//#endregion
+export { TableRowConfig, TableRowVariantProps, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition };

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

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 //#region src/components/table/table.cva.ts
-var tableRowDefinition = UIOverrides.defineConfig({
+const tableRowDefinition = UIOverrides.defineConfig({
 	base: [
 		"h-9 max-h-12",
 		"hover:bg-elevation-fill-default-2",
@@ -15,9 +15,9 @@ var tableRowDefinition = UIOverrides.defineConfig({
 		odd: "odd:bg-elevation-fill-inverted-4/5"
 	} } }
 });
-var theadDefinition = UIOverrides.defineConfig({ base: ["group/table-head sticky top-0 z-sticky data-is-sticky:shadow-2"] });
-var tableHeadRowDefinition = UIOverrides.defineConfig({ base: ["h-8 w-full"] });
-var tableHeadDataDefinition = UIOverrides.defineConfig({
+const theadDefinition = UIOverrides.defineConfig({ base: ["group/table-head sticky top-0 z-sticky data-is-sticky:shadow-2"] });
+const tableHeadRowDefinition = UIOverrides.defineConfig({ base: ["h-8 w-full"] });
+const tableHeadDataDefinition = UIOverrides.defineConfig({
 	base: ["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"],
 	config: {
 		variants: { hasRightBorder: {
@@ -27,7 +27,7 @@ var tableHeadDataDefinition = UIOverrides.defineConfig({
 		defaultVariants: { hasRightBorder: true }
 	}
 });
-var tableDataDefinition = UIOverrides.defineConfig({
+const tableDataDefinition = UIOverrides.defineConfig({
 	base: [
 		"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",
@@ -43,7 +43,7 @@ var tableDataDefinition = UIOverrides.defineConfig({
 		defaultVariants: { hasRightBorder: true }
 	}
 });
-var tableHeaderTextDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-text-default-1"] });
-var tableCellTextDefinition = UIOverrides.defineConfig({ base: ["block overflow-hidden text-ellipsis text-text-default-2"] });
+const tableHeaderTextDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-text-default-1"] });
+const tableCellTextDefinition = UIOverrides.defineConfig({ base: ["block overflow-hidden text-ellipsis text-text-default-2"] });
 //#endregion
 export { tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, theadDefinition };

package/dist/components/tag.d.ts

@@ -0,0 +1,18 @@
+import { TypographyProps } from "./typography.js";
+import { TagVariantProps } from "./text/Tag/tag.cva.js";
+import { Ref } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/text/Tag/Tag.d.ts
+interface TagProps extends TagVariantProps, ButtonProps {
+  className?: string;
+  children: string;
+  dismissable?: boolean;
+  isDisabled?: boolean;
+  contentRef?: Ref<HTMLElement>;
+  textVariant?: TypographyProps["variant"];
+  textSize?: TypographyProps["size"];
+  onDismiss?: () => void;
+}
+declare const Tag: ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Tag, TagProps };

package/dist/components/{text/Tag/Tag.js → tag.js}

@@ -1,15 +1,15 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../Typography/Typography.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import "../../../config/i18n.js";
-import { tagDefinition } from "./tag.cva.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { Typography } from "./typography.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import "../config/i18n.js";
+import { tagDefinition } from "./text/Tag/tag.cva.js";
 import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/text/Tag/Tag.tsx
-var Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
+const Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
 	const uiConfig = UIConfig.useConfig();
 	const { textVariant = uiConfig.tag.textVariant, textSize = uiConfig.tag.textSize } = props;
 	const tagCva = UIOverrides.useCva("tag.cva", tagDefinition);

package/dist/components/text/Link/link.cva.d.ts

@@ -1,12 +1,15 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const linkDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly 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"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+//#region src/components/text/Link/link.cva.d.ts
+declare const linkDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly 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"];
+    };
+  }>;
 };
-export type LinkConfig = NonNullable<typeof linkDefinition.config>;
-export interface LinkVariantProps extends UIOverrides.VariantProps<LinkConfig> {
-}
+type LinkConfig = NonNullable<typeof linkDefinition.config>;
+interface LinkVariantProps extends UIOverrides.VariantProps<LinkConfig> {}
+//#endregion
+export { LinkConfig, LinkVariantProps, linkDefinition };

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

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 //#region src/components/text/Link/link.cva.ts
-var linkDefinition = UIOverrides.defineConfig({
+const linkDefinition = UIOverrides.defineConfig({
 	base: ["underline", uiOutlineClass],
 	config: {
 		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"] } },

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

@@ -1,16 +1,19 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const tagDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly primary: ["bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle", "hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover", "pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed", "disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
-            readonly secondary: ["bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle", "hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover", "pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed", "disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
-            readonly success: ["bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle", "hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover", "pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed", "disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
-            readonly warning: ["bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle", "hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover", "pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed", "disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
-            readonly error: ["bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle", "hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover", "pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed", "disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+//#region src/components/text/Tag/tag.cva.d.ts
+declare const tagDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      primary: ["bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle", "hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover", "pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed", "disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      secondary: ["bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle", "hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover", "pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed", "disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      success: ["bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle", "hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover", "pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed", "disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      warning: ["bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle", "hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover", "pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed", "disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      error: ["bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle", "hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover", "pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed", "disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+    };
+  }>;
 };
-export type TagConfig = NonNullable<typeof tagDefinition.config>;
-export interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {
-}
+type TagConfig = NonNullable<typeof tagDefinition.config>;
+interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {}
+//#endregion
+export { TagConfig, TagVariantProps, tagDefinition };

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

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 //#region src/components/text/Tag/tag.cva.ts
-var tagDefinition = UIOverrides.defineConfig({
+const tagDefinition = UIOverrides.defineConfig({
 	base: [
 		uiOutlineClass,
 		"inline-flex items-center gap-list-gap-icon-to-label",