@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/components/Tabs/index.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import type { ComponentProps, HTMLAttributes, ReactNode } from 'react';
 type TabsProps = {
     selected?: string | number;
     onChange: (data: string | number) => void;
@@ -12,43 +12,267 @@ export declare namespace Tabs {
         as?: import("react").ElementType | undefined;
         badge?: ReactNode;
         children?: ReactNode;
-        className?: string | undefined;
-        counter?: string | number | undefined;
-        disabled?: boolean | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        subtitle?: string | undefined;
-        tooltip?: string | undefined;
-        value?: string | number | undefined;
-        style?: import("react").CSSProperties | undefined;
+        className?: string;
+        counter?: number | string;
+        disabled?: boolean;
+        onClick?: import("react").MouseEventHandler<HTMLElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
+        subtitle?: string;
+        tooltip?: string;
+        value?: string | number;
+        style?: import("react").CSSProperties;
     } & Omit<any, "as" | "badge" | "children" | "className" | "counter" | "disabled" | "role" | "tooltip" | "value">, "ref"> & import("react").RefAttributes<HTMLElement>>;
 }
 export declare namespace Tabs {
     var Menu: import("react").ForwardRefExoticComponent<{
         children: ReactNode;
         disclosure: ReactNode;
-        visible?: boolean | undefined;
-        id?: string | undefined;
+        visible?: ComponentProps<import("react").ForwardRefExoticComponent<{
+            id?: string;
+            ariaLabel?: string;
+            children?: ReactNode | (({ toggle }: {
+                toggle: () => void;
+            }) => ReactNode);
+            className?: string;
+            disclosure: ((disclosure: import("../Menu/types").DisclosureProps) => import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> & {
+                ref?: import("react").Ref<HTMLButtonElement>;
+            });
+            hasArrow?: boolean;
+            visible?: boolean;
+            'data-testid'?: string;
+            maxHeight?: string;
+            portalTarget?: HTMLElement;
+            triggerMethod?: 'click' | 'hover';
+            searchable?: boolean;
+            hideOnClickItem?: boolean;
+            footer?: ReactNode;
+            placement?: Exclude<ComponentProps<import("react").ForwardRefExoticComponent<{
+                id?: string;
+                children: ReactNode | ((renderProps: {
+                    className?: string;
+                    onBlur: () => void;
+                    onFocus: () => void;
+                    onPointerEnter: () => void;
+                    onPointerLeave: () => void;
+                    ref: import("react").RefObject<HTMLDivElement | null>;
+                }) => ReactNode);
+                maxWidth?: number | string;
+                placement?: import("../Popup/helpers").PopupPlacement;
+                align?: import("../Popup/helpers").PopupAlign;
+                text?: ReactNode;
+                className?: string;
+                containerFullWidth?: boolean;
+                containerFullHeight?: boolean;
+                visible?: boolean;
+                innerRef?: import("react").Ref<HTMLDivElement | null>;
+                role?: "dialog" | "popup" | "tooltip";
+                'data-testid'?: string;
+                hasArrow?: boolean;
+                onClose?: () => void;
+                tabIndex?: number;
+                onKeyDown?: import("react").KeyboardEventHandler;
+                'aria-haspopup'?: HTMLAttributes<HTMLDivElement>['aria-haspopup'];
+                hideOnClickOutside?: boolean;
+                debounceDelay?: number;
+                maxHeight?: string | number;
+                disableAnimation?: boolean;
+                portalTarget?: HTMLElement;
+                dynamicDomRendering?: boolean;
+                style?: import("react").CSSProperties;
+            } & import("react").RefAttributes<HTMLDivElement>>>['placement'], 'nested-menu'>;
+            shrink?: boolean;
+        } & Pick<{
+            id?: string;
+            children: ReactNode | ((renderProps: {
+                className?: string;
+                onBlur: () => void;
+                onFocus: () => void;
+                onPointerEnter: () => void;
+                onPointerLeave: () => void;
+                ref: import("react").RefObject<HTMLDivElement | null>;
+            }) => ReactNode);
+            maxWidth?: number | string;
+            placement?: import("../Popup/helpers").PopupPlacement;
+            align?: import("../Popup/helpers").PopupAlign;
+            text?: ReactNode;
+            className?: string;
+            containerFullWidth?: boolean;
+            containerFullHeight?: boolean;
+            visible?: boolean;
+            innerRef?: import("react").Ref<HTMLDivElement | null>;
+            role?: "dialog" | "popup" | "tooltip";
+            'data-testid'?: string;
+            hasArrow?: boolean;
+            onClose?: () => void;
+            tabIndex?: number;
+            onKeyDown?: import("react").KeyboardEventHandler;
+            'aria-haspopup'?: HTMLAttributes<HTMLDivElement>['aria-haspopup'];
+            hideOnClickOutside?: boolean;
+            debounceDelay?: number;
+            maxHeight?: string | number;
+            disableAnimation?: boolean;
+            portalTarget?: HTMLElement;
+            dynamicDomRendering?: boolean;
+            style?: import("react").CSSProperties;
+        } & import("react").RefAttributes<HTMLDivElement>, "align" | "dynamicDomRendering" | "style"> & import("react").RefAttributes<HTMLButtonElement>> & {
+            Group: ({ label, children, labelDescription, emptyState, style, }: {
+                label: string;
+                children: ReactNode;
+                labelDescription?: ReactNode;
+                emptyState?: ReactNode;
+                style?: import("react").CSSProperties;
+            }) => import("react/jsx-runtime").JSX.Element;
+            Item: import("react").ForwardRefExoticComponent<{
+                href?: HTMLAnchorElement['href'];
+                target?: HTMLAnchorElement['target'];
+                rel?: HTMLAnchorElement['rel'];
+                disabled?: boolean | undefined;
+                tooltip?: string | undefined;
+                className?: string | undefined;
+                children: ReactNode;
+                onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+                borderless?: boolean;
+                sentiment?: "danger" | "neutral" | "primary";
+                active?: boolean;
+                'data-testid'?: string;
+                searchText?: string;
+                style?: import("react").CSSProperties;
+                rightComponent?: ReactNode;
+            } & import("react").RefAttributes<HTMLElement>>;
+        }>['visible'];
+        id?: ComponentProps<import("react").ForwardRefExoticComponent<{
+            id?: string;
+            ariaLabel?: string;
+            children?: ReactNode | (({ toggle }: {
+                toggle: () => void;
+            }) => ReactNode);
+            className?: string;
+            disclosure: ((disclosure: import("../Menu/types").DisclosureProps) => import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> & {
+                ref?: import("react").Ref<HTMLButtonElement>;
+            });
+            hasArrow?: boolean;
+            visible?: boolean;
+            'data-testid'?: string;
+            maxHeight?: string;
+            portalTarget?: HTMLElement;
+            triggerMethod?: 'click' | 'hover';
+            searchable?: boolean;
+            hideOnClickItem?: boolean;
+            footer?: ReactNode;
+            placement?: Exclude<ComponentProps<import("react").ForwardRefExoticComponent<{
+                id?: string;
+                children: ReactNode | ((renderProps: {
+                    className?: string;
+                    onBlur: () => void;
+                    onFocus: () => void;
+                    onPointerEnter: () => void;
+                    onPointerLeave: () => void;
+                    ref: import("react").RefObject<HTMLDivElement | null>;
+                }) => ReactNode);
+                maxWidth?: number | string;
+                placement?: import("../Popup/helpers").PopupPlacement;
+                align?: import("../Popup/helpers").PopupAlign;
+                text?: ReactNode;
+                className?: string;
+                containerFullWidth?: boolean;
+                containerFullHeight?: boolean;
+                visible?: boolean;
+                innerRef?: import("react").Ref<HTMLDivElement | null>;
+                role?: "dialog" | "popup" | "tooltip";
+                'data-testid'?: string;
+                hasArrow?: boolean;
+                onClose?: () => void;
+                tabIndex?: number;
+                onKeyDown?: import("react").KeyboardEventHandler;
+                'aria-haspopup'?: HTMLAttributes<HTMLDivElement>['aria-haspopup'];
+                hideOnClickOutside?: boolean;
+                debounceDelay?: number;
+                maxHeight?: string | number;
+                disableAnimation?: boolean;
+                portalTarget?: HTMLElement;
+                dynamicDomRendering?: boolean;
+                style?: import("react").CSSProperties;
+            } & import("react").RefAttributes<HTMLDivElement>>>['placement'], 'nested-menu'>;
+            shrink?: boolean;
+        } & Pick<{
+            id?: string;
+            children: ReactNode | ((renderProps: {
+                className?: string;
+                onBlur: () => void;
+                onFocus: () => void;
+                onPointerEnter: () => void;
+                onPointerLeave: () => void;
+                ref: import("react").RefObject<HTMLDivElement | null>;
+            }) => ReactNode);
+            maxWidth?: number | string;
+            placement?: import("../Popup/helpers").PopupPlacement;
+            align?: import("../Popup/helpers").PopupAlign;
+            text?: ReactNode;
+            className?: string;
+            containerFullWidth?: boolean;
+            containerFullHeight?: boolean;
+            visible?: boolean;
+            innerRef?: import("react").Ref<HTMLDivElement | null>;
+            role?: "dialog" | "popup" | "tooltip";
+            'data-testid'?: string;
+            hasArrow?: boolean;
+            onClose?: () => void;
+            tabIndex?: number;
+            onKeyDown?: import("react").KeyboardEventHandler;
+            'aria-haspopup'?: HTMLAttributes<HTMLDivElement>['aria-haspopup'];
+            hideOnClickOutside?: boolean;
+            debounceDelay?: number;
+            maxHeight?: string | number;
+            disableAnimation?: boolean;
+            portalTarget?: HTMLElement;
+            dynamicDomRendering?: boolean;
+            style?: import("react").CSSProperties;
+        } & import("react").RefAttributes<HTMLDivElement>, "align" | "dynamicDomRendering" | "style"> & import("react").RefAttributes<HTMLButtonElement>> & {
+            Group: ({ label, children, labelDescription, emptyState, style, }: {
+                label: string;
+                children: ReactNode;
+                labelDescription?: ReactNode;
+                emptyState?: ReactNode;
+                style?: import("react").CSSProperties;
+            }) => import("react/jsx-runtime").JSX.Element;
+            Item: import("react").ForwardRefExoticComponent<{
+                href?: HTMLAnchorElement['href'];
+                target?: HTMLAnchorElement['target'];
+                rel?: HTMLAnchorElement['rel'];
+                disabled?: boolean | undefined;
+                tooltip?: string | undefined;
+                className?: string | undefined;
+                children: ReactNode;
+                onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+                borderless?: boolean;
+                sentiment?: "danger" | "neutral" | "primary";
+                active?: boolean;
+                'data-testid'?: string;
+                searchText?: string;
+                style?: import("react").CSSProperties;
+                rightComponent?: ReactNode;
+            } & import("react").RefAttributes<HTMLElement>>;
+        }>['id'];
     } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "aria-disabled"> & import("react").RefAttributes<HTMLButtonElement>>;
 }
 export declare namespace Tabs {
     var MenuItem: ({ value, children, onClick, ...props }: {
-        value?: string | number | undefined;
+        value?: string | number;
     } & {
-        href?: string | undefined;
-        target?: string | undefined;
-        rel?: string | undefined;
+        href?: HTMLAnchorElement['href'];
+        target?: HTMLAnchorElement['target'];
+        rel?: HTMLAnchorElement['rel'];
         disabled?: boolean | undefined;
         tooltip?: string | undefined;
         className?: string | undefined;
         children: ReactNode;
         onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        borderless?: boolean | undefined;
-        sentiment?: ("danger" | "neutral" | "primary") | undefined;
-        active?: boolean | undefined;
-        'data-testid'?: string | undefined;
-        searchText?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
+        borderless?: boolean;
+        sentiment?: "danger" | "neutral" | "primary";
+        active?: boolean;
+        'data-testid'?: string;
+        searchText?: string;
+        style?: import("react").CSSProperties;
         rightComponent?: ReactNode;
     } & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAkB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtE,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;6BAOrC,EACnB,QAAe,EACf,QAAQ,EACR,cAAuB,EACvB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,SAAS"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtE,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;6BAOrC,EACnB,QAAe,EACf,QAAQ,EACR,cAAuB,EACvB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,SAAS"}

package/dist/components/Tabs/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import { init_styles_css, tabsStyle } from "./styles.css.js";
 import { TabsContext, init_TabsContext } from "./TabsContext.js";
 import { Tab, init_Tab } from "./Tab.js";

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

@@ -0,0 +1,5 @@
+import type { TagProps } from './type';
+type TagInnerProps = Omit<TagProps, 'copyText' | 'copiedText' | 'className' | 'data-testid'>;
+export declare const TagInner: ({ children, isLoading, onClose, disabled, copiable, variant, copyButton, }: TagInnerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TagInner.d.ts.map

package/dist/components/Tag/TagInner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInner.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/TagInner.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEtC,KAAK,aAAa,GAAG,IAAI,CACvB,QAAQ,EACR,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,CACxD,CAAA;AAED,eAAO,MAAM,QAAQ,+EAQlB,aAAa,4CA8Bf,CAAA"}

package/dist/components/Tag/TagInner.js

@@ -0,0 +1,48 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Loader, init_Loader } from "../Loader/index.js";
+import { Button, init_Button } from "../Button/index.js";
+import { init_styles_css, tagStyle } from "./styles.css.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { CopyContentIcon } from "@ultraviolet/icons/CopyContentIcon";
+
+//#region src/components/Tag/TagInner.tsx
+var TagInner;
+var init_TagInner = __esmMin(() => {
+	init_Button();
+	init_Loader();
+	init_Text();
+	init_styles_css();
+	TagInner = ({ children, isLoading = false, onClose, disabled = false, copiable, variant, copyButton }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			"aria-disabled": disabled,
+			as: "span",
+			className: tagStyle.text,
+			oneLine: true,
+			variant: variant === "code" ? "code" : "caption",
+			children
+		}),
+		copiable && copyButton && !isLoading ? /* @__PURE__ */ jsx(CopyContentIcon, { size: "xsmall" }) : null,
+		onClose && !isLoading ? /* @__PURE__ */ jsx(Button, {
+			"aria-label": "Close tag",
+			className: tagStyle.closeButton,
+			"data-testid": "close-tag",
+			disabled,
+			onClick: onClose,
+			sentiment: "neutral",
+			size: "small",
+			variant: "ghost",
+			children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" })
+		}) : null,
+		isLoading ? /* @__PURE__ */ jsx(Loader, {
+			active: true,
+			size: "small"
+		}) : null
+	] });
+});
+
+//#endregion
+init_TagInner();
+export { TagInner, init_TagInner };

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

@@ -1,37 +1,7 @@
-import type { SENTIMENTS } from './styles.css';
-import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-type TagProps = {
-    isLoading?: boolean;
-    sentiment?: (typeof SENTIMENTS)[number];
-    disabled?: boolean;
-    className?: string;
-    variant?: 'default' | 'code';
-    'data-testid'?: string;
-    style?: CSSProperties;
-} & ({
-    keyValue: {
-        key: string;
-        value: string;
-    };
-    children?: never;
-    copiable?: never;
-    copyButton?: never;
-    copyText?: never;
-    copiedText?: never;
-    onClose?: never;
-} | {
-    keyValue?: never;
-    children: ReactNode;
-    copiable?: boolean;
-    copyButton?: boolean;
-    copyText?: string;
-    copiedText?: string;
-    onClose?: MouseEventHandler<HTMLButtonElement>;
-});
+import type { TagProps } from './type';
 /**
  * Tag component is used to display a short text description of an item. It can be used to display a category
  * or any other metadata.
  */
 export declare const Tag: ({ children, isLoading, onClose, copiable, copyButton, copyText, copiedText, disabled, sentiment, variant, className, style, keyValue, 'data-testid': dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxE,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,CACA;IACE,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C,CACJ,CAAA;AA+CD;;;GAGG;AACH,eAAO,MAAM,GAAG,2NAmIf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAItC;;;GAGG;AACH,eAAO,MAAM,GAAG,uKAeb,QAAQ,4CAoHV,CAAA"}

package/dist/components/Tag/index.js

@@ -1,52 +1,19 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
-import { Text, init_Text } from "../Text/index.js";
-import { Loader, init_Loader } from "../Loader/index.js";
-import { Button, init_Button } from "../Button/index.js";
 import { init_styles_css, tagStyle } from "./styles.css.js";
+import { TagInner, init_TagInner } from "./TagInner.js";
 import { useMemo } from "react";
-import { cn } from "@ultraviolet/utils";
+import { cn, useClipboard } from "@ultraviolet/utils";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
-import { CopyContentIcon } from "@ultraviolet/icons/CopyContentIcon";
-import useClipboard from "react-use-clipboard";
 
 //#region src/components/Tag/index.tsx
-var COPY_DURATION, TagInner, Tag;
+var COPY_DURATION, Tag;
 var init_Tag = __esmMin(() => {
-	init_Button();
-	init_Loader();
-	init_Text();
 	init_Tooltip();
 	init_styles_css();
+	init_TagInner();
 	COPY_DURATION = 2500;
-	TagInner = ({ children, isLoading = false, onClose, disabled = false, copiable, variant, copyButton }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx(Text, {
-			"aria-disabled": disabled,
-			as: "span",
-			className: tagStyle.text,
-			oneLine: true,
-			variant: variant === "code" ? "code" : "caption",
-			children
-		}),
-		copiable && copyButton && !isLoading ? /* @__PURE__ */ jsx(CopyContentIcon, { size: "xsmall" }) : null,
-		onClose && !isLoading ? /* @__PURE__ */ jsx(Button, {
-			"aria-label": "Close tag",
-			className: tagStyle.closeButton,
-			"data-testid": "close-tag",
-			disabled,
-			onClick: onClose,
-			sentiment: "neutral",
-			size: "small",
-			variant: "ghost",
-			children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" })
-		}) : null,
-		isLoading ? /* @__PURE__ */ jsx(Loader, {
-			active: true,
-			size: "small"
-		}) : null
-	] });
 	Tag = ({ children, isLoading, onClose, copiable = false, copyButton, copyText = "Copy", copiedText = "Copied!", disabled, sentiment = "neutral", variant = "default", className, style, keyValue, "data-testid": dataTestId }) => {
 		const [isCopied, setCopied] = useClipboard(useMemo(() => {
 			if (typeof children === "string") return children;
@@ -63,7 +30,6 @@ var init_Tag = __esmMin(() => {
 			"data-testid": dataTestId,
 			style,
 			children: /* @__PURE__ */ jsx(TagInner, {
-				copiable: true,
 				copyButton,
 				disabled,
 				isLoading,
@@ -81,7 +47,6 @@ var init_Tag = __esmMin(() => {
 			"data-testid": dataTestId,
 			style,
 			children: /* @__PURE__ */ jsx(TagInner, {
-				copiable: true,
 				copyButton,
 				disabled,
 				isLoading,
@@ -100,7 +65,9 @@ var init_Tag = __esmMin(() => {
 				})),
 				"data-testid": dataTestId,
 				disabled,
-				onClick: setCopied,
+				onClick: () => {
+					setCopied().catch(() => null);
+				},
 				type: "button",
 				children: /* @__PURE__ */ jsx(TagInner, {
 					copiable: true,

package/dist/components/Tag/styles.css.d.ts

@@ -1,4 +1,4 @@
-export declare const SENTIMENTS: readonly ["danger", "info", "neutral", "primary", "secondary", "success", "warning"];
+export declare const SENTIMENTS: readonly ['danger', 'info', 'neutral', 'primary', 'secondary', 'success', 'warning'];
 export declare const tagStyle: {
     container: import("@vanilla-extract/recipes").RuntimeFn<{
         copiable: {

package/dist/components/Tag/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,sFAQb,CAAA;AA0HV,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAmC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,YACrB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,CACD,CAAA;AA0HV,eAAO,MAAM,QAAQ;;;;;;wBAvGT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAsCf,IAAI;;;;;CAiE8C,CAAA"}

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

@@ -0,0 +1,31 @@
+import type { SENTIMENTS } from './styles.css';
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+export type TagProps = {
+    isLoading?: boolean;
+    sentiment?: (typeof SENTIMENTS)[number];
+    disabled?: boolean;
+    className?: string;
+    variant?: 'default' | 'code';
+    'data-testid'?: string;
+    style?: CSSProperties;
+} & ({
+    keyValue: {
+        key: string;
+        value: string;
+    };
+    children?: never;
+    copiable?: never;
+    copyButton?: never;
+    copyText?: never;
+    copiedText?: never;
+    onClose?: never;
+} | {
+    keyValue?: never;
+    children: ReactNode;
+    copiable?: boolean;
+    copyButton?: boolean;
+    copyText?: string;
+    copiedText?: string;
+    onClose?: MouseEventHandler<HTMLButtonElement>;
+});
+//# sourceMappingURL=type.d.ts.map

package/dist/components/Tag/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExE,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,CACA;IACE,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C,CACJ,CAAA"}

package/dist/components/TagInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,KAAK,EAEV,aAAa,EAEb,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,KAAK,YAAY,GAAG,MAAM,OAAO,qBAAqB,CAAA;AAiBtD,KAAK,YAAY,GAAG,CAAC,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAA;AAEjE,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,wRAsPpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,KAAK,EAEV,aAAa,EAEb,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,KAAK,YAAY,GAAG,MAAM,OAAO,qBAAqB,CAAA;AAiBtD,KAAK,YAAY,GAAG,CAAC,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAA;AAEjE,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,+NAqBlB,aAAa,4CAiOf,CAAA"}

package/dist/components/TagInput/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
 import { Text, init_Text } from "../Text/index.js";

package/dist/components/TagInput/styles.css.d.ts

@@ -1,7 +1,7 @@
 export declare const TAGINPUT_SIZE_PADDING: {
-    readonly large: "1.5";
-    readonly medium: "1";
-    readonly small: "0.5";
+    readonly large: '1.5';
+    readonly medium: '1';
+    readonly small: '0.5';
 };
 export declare const tagInputStyle: {
     container: import("@vanilla-extract/recipes").RuntimeFn<{

package/dist/components/TagInput/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAA;AAgGV,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;CAKzB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;aAChC,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,GAAG;aACX,KAAK,EAAE,KAAK;CACJ,CAAA;AAgGV,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;CAKzB,CAAA"}

package/dist/components/TagList/constant.d.ts

@@ -1,2 +1,4 @@
 export declare const TAGS_GAP: string;
+export declare const DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
+export declare const MIN_TAG_WIDTH = 32;
 //# sourceMappingURL=constant.d.ts.map

package/dist/components/TagList/constant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/constant.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAA+B,CAAA"}
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/constant.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAA+B,CAAA;AAEpD,eAAO,MAAM,0BAA0B,UAAU,CAAA;AACjD,eAAO,MAAM,aAAa,KAAK,CAAA"}

package/dist/components/TagList/constant.js

@@ -2,11 +2,12 @@ import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 import { consoleLightTheme } from "@ultraviolet/themes";
 
 //#region src/components/TagList/constant.ts
-var TAGS_GAP;
+var TAGS_GAP, DEFAULT_POPOVER_MAX_HEIGHT;
 var init_constant = __esmMin(() => {
 	TAGS_GAP = consoleLightTheme.space["1"];
+	DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
 });
 
 //#endregion
 init_constant();
-export { TAGS_GAP, init_constant };
+export { DEFAULT_POPOVER_MAX_HEIGHT, TAGS_GAP, init_constant };

package/dist/components/TagList/index.d.ts

@@ -40,6 +40,6 @@ type TagListProps = {
 /**
  * This component is used to display a list of tags with a threshold and a popover when there are too many tags.
  */
-export declare const TagList: ({ maxLength, tags, threshold, multiline, popoverTitle, popoverPlacement, popoverMaxHeight, copiable, copyText, copiedText, className, 'data-testid': dataTestId, style, }: TagListProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TagList: ({ maxLength, tags, threshold, multiline, popoverTitle, popoverPlacement, popoverMaxHeight, copiable, copyText, copiedText, className, 'data-testid': dataTestId, style, }: TagListProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TagList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAK5B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrE,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AAEjE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC,CAAA;AAO5E;;GAEG;AACH,eAAO,MAAM,OAAO,6OAmSnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAK5B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AAEjE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC,CAAA;AAO5E;;GAEG;AACH,eAAO,MAAM,OAAO,8KAcjB,YAAY,4CAsSd,CAAA"}