@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/components/table/Table.js

@@ -1,267 +0,0 @@
-"use no memo";
-import { ChevronDownIcon } from "../../assets/icons/ChevronDown.js";
-import { ChevronUpIcon } from "../../assets/icons/ChevronUp.js";
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { InlineIconButton } from "../buttons/InlineIconButton/InlineIconButton.js";
-import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
-import { tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableRowDefinition, theadDefinition } from "./table.cva.js";
-import { CellText } from "./CellText.js";
-import { DragIndicatorIcon } from "../../assets/icons/DragIndicator.js";
-import { HeaderText } from "./HeaderText.js";
-import { useTableNav } from "../../hooks/useTableNav.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { useCallback, useMemo, useRef, useState } from "react";
-import i18next from "i18next";
-import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
-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,
-		original: context.row.original,
-		data: context.row.original,
-		value: context.getValue()
-	};
-};
-var renderCell = (Comp, props) => {
-	const rendered = flexRender(Comp, props);
-	return typeof rendered === "string" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
-};
-var RowDragHandleCell = ({ rowId }) => {
-	const { attributes, listeners } = useSortable({ id: rowId });
-	return /* @__PURE__ */ jsx(InlineIconButton, {
-		...attributes,
-		...listeners,
-		className: "cursor-move p-1",
-		label: "Drag handle",
-		icon: DragIndicatorIcon
-	});
-};
-var AutoDragHandleCell = ({ row }) => /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
-var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick, ...props }) => {
-	const { transform, transition, setNodeRef, isDragging } = useSortable({ id: row.id });
-	return /* @__PURE__ */ jsx("tr", {
-		ref: setNodeRef,
-		style: {
-			transform: CSS.Transform.toString(transform),
-			transition,
-			opacity: isDragging ? .8 : 1,
-			zIndex: isDragging ? 1 : 0,
-			position: "relative"
-		},
-		"data-clickable": hasOnClick || row.getCanSelect() || void 0,
-		"data-selected": row.getIsSelected() || void 0,
-		className: clsx(tableRowCva(props)),
-		onClick: () => {
-			if (onRowClick) {
-				onRowClick(row.original);
-				return;
-			}
-			if (row.getCanSelect()) row.toggleSelected();
-		},
-		onDoubleClick: () => onDoubleClick?.(row.original),
-		children: row.getVisibleCells().map((cell, cellIndex) => {
-			const columnMeta = cell.column.columnDef.meta ?? {};
-			return /* @__PURE__ */ jsx("td", {
-				tabIndex: -1,
-				className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta.cellClass, columnMeta.width),
-				children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
-			}, cell.id);
-		})
-	});
-};
-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 = UIOverrides.useCva("table.rowCva", tableRowDefinition);
-	const theadCva = UIOverrides.useCva("table.theadCva", theadDefinition);
-	const tableHeadRowCva = UIOverrides.useCva("table.headRowCva", tableHeadRowDefinition);
-	const tableHeadDataCva = UIOverrides.useCva("table.headDataCva", tableHeadDataDefinition);
-	const tableDataCva = UIOverrides.useCva("table.dataCva", tableDataDefinition);
-	const ref = useRef(null);
-	const { listeners } = useTableNav();
-	const getCoreRowModelCallback = useCallback(getCoreRowModel, []);
-	const getSortedRowModelCallback = useCallback(getSortedRowModel, []);
-	const getPaginationRowModelCallback = useCallback(getPaginationRowModel, []);
-	const data = useMemo(() => items ?? [], [items]);
-	const [internalSelectedRows, setInternalSelectedRows] = useState({});
-	const { rowSelection, handleRowSelectionChange } = useMemo(() => {
-		const hasExternalRowSelection = defaultSelectedRows !== void 0 && onRowSelectionChange !== void 0;
-		return {
-			rowSelection: hasExternalRowSelection ? defaultSelectedRows : internalSelectedRows,
-			handleRowSelectionChange: hasExternalRowSelection ? onRowSelectionChange : setInternalSelectedRows
-		};
-	}, [
-		defaultSelectedRows,
-		onRowSelectionChange,
-		internalSelectedRows
-	]);
-	const baseColumns = useMemo(() => typeof columns === "function" ? columns(i18next.t) : columns, [columns]);
-	const tableColumns = useMemo(() => {
-		if (enableDragDrop && getRowId) return [{
-			id: "drag-handle",
-			header: "",
-			meta: { width: "w-12" },
-			cell: AutoDragHandleCell,
-			enableSorting: false
-		}, ...baseColumns];
-		return baseColumns;
-	}, [
-		baseColumns,
-		enableDragDrop,
-		getRowId
-	]);
-	const [isSticky, setIsSticky] = useState(false);
-	const { ref: stickyRef } = useIntersectionObserver({ onIntersectionChange: useCallback((entry) => {
-		setIsSticky(entry.intersectionRatio < 1);
-	}, []) });
-	const table = useReactTable({
-		data,
-		columns: tableColumns,
-		state: {
-			sorting,
-			columnOrder,
-			columnVisibility,
-			rowSelection
-		},
-		rowCount: items.length,
-		getCoreRowModel: getCoreRowModelCallback(),
-		getSortedRowModel: getSortedRowModelCallback(),
-		getPaginationRowModel: getPaginationRowModelCallback(),
-		manualPagination: true,
-		onColumnOrderChange: setColumnOrder,
-		onColumnVisibilityChange: setColumnVisibility,
-		onSortingChange: setSorting,
-		onRowSelectionChange: handleRowSelectionChange,
-		manualSorting: true,
-		autoResetPageIndex: false,
-		autoResetExpanded: false,
-		defaultColumn: { sortDescFirst: true },
-		enableRowSelection,
-		enableMultiRowSelection,
-		getRowId: getRowId ? (row) => String(getRowId(row)) : void 0
-	});
-	const dataIds = useMemo(() => {
-		if (!enableDragDrop || !getRowId) return [];
-		return data.map((item) => getRowId(item));
-	}, [
-		data,
-		enableDragDrop,
-		getRowId
-	]);
-	const handleDragEnd = useCallback((event) => {
-		const { active, over } = event;
-		if (!active || !over || active.id === over.id) return;
-		if (getRowId && (onReorder || onDragEnd)) {
-			if (onReorder) {
-				const oldIndex = items.findIndex((item_0) => getRowId(item_0) === active.id);
-				const newIndex = items.findIndex((item_1) => getRowId(item_1) === over.id);
-				if (oldIndex !== -1 && newIndex !== -1) onReorder(arrayMove(items, oldIndex, newIndex));
-			}
-			onDragEnd?.(event);
-		}
-	}, [
-		onDragEnd,
-		onReorder,
-		items,
-		getRowId
-	]);
-	const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));
-	const selectedRows = table.getSelectedRowModel().rows;
-	const columnCount = table.getHeaderGroups()[0].headers.length;
-	const isAnyRowSelected = selectedRows.length > 0 && !!ActionHeader;
-	const hasOnClick = !!onRowClick || !!onDoubleClick;
-	const tableElement = /* @__PURE__ */ jsxs("table", {
-		className: clsx("w-full", className),
-		...listeners,
-		children: [/* @__PURE__ */ jsxs("thead", {
-			className: clsx(theadCva({})),
-			"data-is-sticky": isSticky || void 0,
-			children: [/* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("th", {
-				ref: stickyRef,
-				className: "-mt-px block"
-			}) }), table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", {
-				className: clsx(tableHeadRowCva({})),
-				children: headerGroup.headers.filter((header) => {
-					if (isAnyRowSelected && header.index > 0) return false;
-					return header.column.getIsVisible();
-				}).map((header_0, index) => {
-					const columnMeta = header_0.column.columnDef.meta ?? {};
-					return /* @__PURE__ */ jsx("th", {
-						colSpan: isAnyRowSelected ? columnCount : header_0.colSpan,
-						tabIndex: -1,
-						className: clsx(tableHeadDataCva({ hasRightBorder: index > 0 && showCellBorder }), columnMeta.headerClass, columnMeta.width),
-						children: isAnyRowSelected ? /* @__PURE__ */ jsx(ActionHeader, { table }) : /* @__PURE__ */ jsxs("button", {
-							type: "button",
-							"aria-label": "Sort column",
-							className: clsx("flex select-none items-center gap-1 text-text-default-1", header_0.column.getCanSort() ? "h-6 cursor-pointer rounded-xs px-1 hover:bg-elevation-fill-default-2" : "cursor-default", columnMeta.sortClass),
-							onClick: header_0.column.getToggleSortingHandler(),
-							children: [typeof header_0.column.columnDef.header === "function" ? flexRender(header_0.column.columnDef.header, header_0.getContext()) : /* @__PURE__ */ jsx(HeaderText, { children: header_0.column.columnDef.header }), {
-								asc: /* @__PURE__ */ jsx(ChevronUpIcon, {
-									width: 18,
-									height: 18
-								}),
-								desc: /* @__PURE__ */ jsx(ChevronDownIcon, {
-									width: 18,
-									height: 18
-								})
-							}[header_0.column.getIsSorted()] ?? null]
-						})
-					}, header_0.id);
-				})
-			}, headerGroup.id))]
-		}), /* @__PURE__ */ jsx("tbody", {
-			ref,
-			className: "relative",
-			children: enableDragDrop ? /* @__PURE__ */ jsx(SortableContext, {
-				items: dataIds,
-				strategy: verticalListSortingStrategy,
-				children: table.getRowModel().rows.map((row_0) => /* @__PURE__ */ jsx(DraggableRow, {
-					row: row_0,
-					showCellBorder,
-					onRowClick,
-					onDoubleClick,
-					tableRowCva,
-					tableHeadDataCva,
-					tableDataCva,
-					hasOnClick,
-					...props
-				}, row_0.id))
-			}) : table.getRowModel().rows.map((row_1) => {
-				return /* @__PURE__ */ jsx("tr", {
-					className: clsx(tableRowCva({ ...props })),
-					onClick: () => {
-						if (onRowClick) {
-							onRowClick(row_1.original);
-							return;
-						}
-						if (row_1.getCanSelect()) row_1.toggleSelected();
-					},
-					onDoubleClick: () => onDoubleClick?.(row_1.original),
-					"data-clickable": hasOnClick || row_1.getCanSelect() || void 0,
-					"data-selected": row_1.getIsSelected() || void 0,
-					children: row_1.getVisibleCells().map((cell, cellIndex) => {
-						const columnMeta_0 = cell.column.columnDef.meta ?? {};
-						return /* @__PURE__ */ jsx("td", {
-							tabIndex: -1,
-							className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta_0.cellClass, columnMeta_0.width),
-							children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
-						}, cell.id);
-					})
-				}, row_1.id);
-			})
-		})]
-	});
-	if (enableDragDrop) return /* @__PURE__ */ jsx(DndContext, {
-		collisionDetection: closestCenter,
-		modifiers: [restrictToVerticalAxis],
-		onDragEnd: handleDragEnd,
-		sensors,
-		children: tableElement
-	});
-	return tableElement;
-};
-//#endregion
-export { Table };

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

@@ -1,65 +0,0 @@
-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";
-        };
-    }>;
-};
-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>>;
-};
-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>>;
-};
-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: "";
-        };
-    }>;
-};
-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: "";
-        };
-    }>;
-};
-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>>;
-};
-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> {
-}

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

@@ -1,49 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-//#region src/components/table/table.cva.ts
-var tableRowDefinition = UIOverrides.defineConfig({
-	base: [
-		"h-9 max-h-12",
-		"hover:bg-elevation-fill-default-2",
-		"disabled:opacity-50",
-		"selected:bg-elevation-fill-default-2",
-		"hover:selected:bg-interactive-subtle-secondary-hover",
-		"data-clickable:cursor-pointer",
-		"focus-within:bg-elevation-fill-default-2"
-	],
-	config: { variants: { alternatingBackground: {
-		even: "even:bg-elevation-fill-inverted-4/5",
-		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({
-	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: {
-			true: "border-l border-l-elevation-outline-default-1 border-solid",
-			false: ""
-		} },
-		defaultVariants: { hasRightBorder: true }
-	}
-});
-var 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",
-		"has-[*>[data-hovered]:not([data-disabled])]:hover:border-b-input-outlined-outline-hover",
-		"has-[*>[data-invalid]]:border-b-input-outlined-outline-error!",
-		"has-[*>[data-focused]]:border-b-input-outlined-outline-active"
-	],
-	config: {
-		variants: { hasRightBorder: {
-			true: "border-l border-l-elevation-outline-default-1",
-			false: ""
-		} },
-		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"] });
-//#endregion
-export { tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, theadDefinition };

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

@@ -1,9 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { LinkProps as AriaLinkProps } from 'react-aria-components';
-import { LinkVariantProps } from './link.cva';
-export interface LinkNavigationProps extends AriaLinkProps {
-}
-export interface LinkProps extends PropsWithChildren<LinkNavigationProps>, LinkVariantProps {
-    className?: string;
-}
-export declare const Link: ({ variant, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,33 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { LinkContext } from "../../../config/link.context.js";
-import { linkDefinition } from "./link.cva.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { Link } from "react-aria-components";
-//#region src/components/text/Link/Link.tsx
-var Link$1 = (t0) => {
-	const $ = c(4);
-	const { variant, ...props } = t0;
-	const linkContext = LinkContext.useLinkContext();
-	const linkCva = UIOverrides.useCva("link.cva", linkDefinition);
-	const LinkComponent = linkContext?.LinkComponent ?? Link;
-	if (!props.to && props.href) props.to = props.href;
-	const t1 = linkCva({
-		variant,
-		className: props.className
-	});
-	let t2;
-	if ($[0] !== LinkComponent || $[1] !== props || $[2] !== t1) {
-		t2 = /* @__PURE__ */ jsx(LinkComponent, {
-			...props,
-			className: t1
-		});
-		$[0] = LinkComponent;
-		$[1] = props;
-		$[2] = t1;
-		$[3] = t2;
-	} else t2 = $[3];
-	return t2;
-};
-//#endregion
-export { Link$1 as Link };

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

@@ -1,12 +0,0 @@
-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"];
-        };
-    }>;
-};
-export type LinkConfig = NonNullable<typeof linkDefinition.config>;
-export interface LinkVariantProps extends UIOverrides.VariantProps<LinkConfig> {
-}

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

@@ -1,12 +0,0 @@
-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({
-	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"] } },
-		defaultVariants: { variant: "default" }
-	}
-});
-//#endregion
-export { linkDefinition };

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

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

package/dist/components/text/Pill/Pill.js

@@ -1,44 +0,0 @@
-import { CloseIcon } from "../../../assets/icons/Close.js";
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../Typography/Typography.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { pillButtonDefinition } from "../../buttons/PillButton/pillButton.cva.js";
-import "../../../config/i18n.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { Button } from "react-aria-components";
-import { useTranslation } from "react-i18next";
-//#region src/components/text/Pill/Pill.tsx
-var Pill = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, variant = "subtle", ...props }) => {
-	const uiConfig = UIConfig.useConfig();
-	const { textVariant = uiConfig.tag.textVariant, textSize = uiConfig.tag.textSize } = props;
-	const pillCva = UIOverrides.useCva("pillButton.cva", pillButtonDefinition);
-	const { t } = useTranslation("ui");
-	const buttonProps = {
-		isDisabled,
-		onPress: onDismiss,
-		label: t(($) => $.ui.tag.dismiss),
-		...props
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: pillCva({
-			...props,
-			variant,
-			className: clsx("pointer-events-none inline-flex gap-list-gap-icon-to-label overflow-hidden", className)
-		}),
-		children: [/* @__PURE__ */ jsx(Typography, {
-			ref: contentRef,
-			variant: textVariant,
-			size: textSize,
-			as: "span",
-			className: "truncate",
-			children
-		}), dismissable && /* @__PURE__ */ jsx(Button, {
-			...buttonProps,
-			className: "pointer-events-auto shrink-0",
-			children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
-		})]
-	});
-};
-//#endregion
-export { Pill };

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

@@ -1,15 +0,0 @@
-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,43 +0,0 @@
-import { CloseIcon } from "../../../assets/icons/Close.js";
-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 { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { Button } from "react-aria-components";
-import { useTranslation } from "react-i18next";
-//#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 = UIOverrides.useCva("tag.cva", tagDefinition);
-	const { t } = useTranslation("ui");
-	const buttonProps = {
-		isDisabled,
-		onPress: onDismiss,
-		label: t(($) => $.ui.tag.dismiss),
-		...props
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: tagCva({
-			...props,
-			className: clsx("pointer-events-none", className)
-		}),
-		children: [/* @__PURE__ */ jsx(Typography, {
-			ref: contentRef,
-			variant: textVariant,
-			size: textSize,
-			as: "span",
-			className: "truncate",
-			children
-		}), dismissable && /* @__PURE__ */ jsx(Button, {
-			...buttonProps,
-			className: "pointer-events-auto shrink-0",
-			children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
-		})]
-	});
-};
-//#endregion
-export { Tag };

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

@@ -1,16 +0,0 @@
-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"];
-        };
-    }>;
-};
-export type TagConfig = NonNullable<typeof tagDefinition.config>;
-export interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {
-}

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

@@ -1,55 +0,0 @@
-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({
-	base: [
-		uiOutlineClass,
-		"inline-flex items-center gap-list-gap-icon-to-label",
-		"p-pill-height-s px-1-5",
-		"rounded-pill-rounding-default",
-		"overflow-hidden",
-		"disabled:cursor-default"
-	],
-	config: {
-		variants: { 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"
-			]
-		} },
-		defaultVariants: { color: "primary" }
-	}
-});
-//#endregion
-export { tagDefinition };

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

@@ -1,11 +0,0 @@
-import { HTMLAttributes, Ref } from 'react';
-import { TypographyVariantProps } from './typography.cva';
-type TypographyTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
-export interface TypographyPropsCva extends Omit<TypographyVariantProps, "size">, Required<Pick<TypographyVariantProps, "size">> {
-}
-export interface TypographyProps extends TypographyPropsCva, HTMLAttributes<HTMLElement> {
-    ref?: Ref<HTMLHeadingElement>;
-    as?: TypographyTag;
-}
-export declare const Typography: ({ as, className, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
-export {};