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

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

@@ -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/text/Link/Link.d.ts

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

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

@@ -1,11 +1,11 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { LinkContext } from "../../../config/link.context.js";
 import { linkDefinition } from "./link.cva.js";
-import { Link } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { Link } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Link/Link.tsx
-var Link$1 = (t0) => {
+const Link$1 = (t0) => {
 	const $ = c(4);
 	const { variant, ...props } = t0;
 	const linkContext = LinkContext.useLinkContext();

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/Pill/Pill.d.ts

@@ -1,15 +1,18 @@
-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;
+import { PillButtonVariants } from "../../buttons/PillButton/pillButton.cva.js";
+import { TypographyProps } from "../Typography/Typography.js";
+import { Ref } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/text/Pill/Pill.d.ts
+interface PillProps extends PillButtonVariants, ButtonProps {
+  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;
+declare const Pill: ({ className, children, dismissable, isDisabled, onDismiss, contentRef, variant, ...props }: PillProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Pill, PillProps };

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

@@ -9,7 +9,7 @@ import { Button } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/text/Pill/Pill.tsx
-var Pill = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, variant = "subtle", ...props }) => {
+const 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);

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

@@ -1,15 +1,18 @@
-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;
+import { TypographyProps } from "../Typography/Typography.js";
+import { TagVariantProps } from "./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;
 }
-export declare const Tag: ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
+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

@@ -9,7 +9,7 @@ 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/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",

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

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

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

@@ -1,16 +1,31 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "./typography.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Typography/Typography.tsx
-var Typography = ({ as = "p", className, ...props }) => {
-	return /* @__PURE__ */ jsx(as, {
-		className: UIOverrides.useCva("typography.cva", typographyDefinition)({
-			...props,
-			sizeMobile: props.sizeMobile ?? props.size,
-			className
-		}),
-		...props
+const Typography = (t0) => {
+	const $ = c(4);
+	const { as: t1, className, ...props } = t0;
+	const as = t1 === void 0 ? "p" : t1;
+	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
+	const Tag = as;
+	const t2 = typographyCva({
+		...props,
+		sizeMobile: props.sizeMobile ?? props.size,
+		className
 	});
+	let t3;
+	if ($[0] !== Tag || $[1] !== props || $[2] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Tag, {
+			className: t2,
+			...props
+		});
+		$[0] = Tag;
+		$[1] = props;
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
 };
 //#endregion
 export { Typography };