@trackunit/react-components 1.17.26 → 1.17.28

package/index.cjs.js

@@ -82,28 +82,6 @@ const cvaIcon = cssClassVarianceUtilities.cvaMerge(["aspect-square", "inline-gri
         size: "medium",
     },
 });
-cssClassVarianceUtilities.cvaMerge([], {
-    variants: {
-        iconType: {
-            solid: "fill-current stroke-transparent",
-            outline: "fill-transparent stroke-current",
-        },
-    },
-});
-cssClassVarianceUtilities.cvaMerge([
-    "relative",
-    "aspect-square",
-    "after:content-['']",
-    "after:absolute",
-    "after:h-2",
-    "after:w-2",
-    "after:bg-current",
-    "after:rounded-full",
-    "after:inset-1/2",
-    "after:-translate-x-1/2",
-    "after:-translate-y-1/2",
-    "after:opacity-50",
-]);
 
 const iconPalette = {
     ...uiDesignTokens.intentPalette,
@@ -4518,7 +4496,6 @@ const PopoverTrigger = function PopoverTrigger({ children, renderButton = false,
     return (jsxRuntime.jsx(Button, { "data-state": context.isOpen === true ? "open" : "closed", ref: ref, type: "button", ...context.getReferenceProps(props), children: children }));
 };
 
-cssClassVarianceUtilities.cvaMerge(["flex", "leading-5"]);
 const cvaTooltipIcon = cssClassVarianceUtilities.cvaMerge(["text-neutral-300", "transition", "hover:cursor-pointer", "hover:text-neutral-400"], {
     variants: {
         color: {
@@ -6602,31 +6579,6 @@ const PRESET_CONFIGURATIONS = {
 };
 
 const cvaSkeletonContainer = cssClassVarianceUtilities.cvaMerge(["flex", "flex-col"]);
-cssClassVarianceUtilities.cvaMerge([
-    "relative",
-    "overflow-hidden",
-    "rounded-lg",
-    // Gradient background
-    "bg-gradient-to-r",
-    "from-neutral-200/80",
-    "via-neutral-300/60",
-    "to-neutral-200/80",
-    // Pulse animation
-    "animate-pulse",
-    // Shimmer overlay
-    "before:absolute",
-    "before:inset-0",
-    "before:bg-gradient-to-r",
-    "before:from-transparent",
-    "before:via-white/50",
-    "before:to-transparent",
-    "before:opacity-0",
-    "before:animate-pulse",
-    // Smooth transitions for accessibility
-    "transition-all",
-    "duration-300",
-    "ease-in-out",
-]);
 
 /**
  * SkeletonLines renders multiple animated placeholder text lines before data loads.

package/index.esm.js

@@ -80,28 +80,6 @@ const cvaIcon = cvaMerge(["aspect-square", "inline-grid", "relative", "shrink-0"
         size: "medium",
     },
 });
-cvaMerge([], {
-    variants: {
-        iconType: {
-            solid: "fill-current stroke-transparent",
-            outline: "fill-transparent stroke-current",
-        },
-    },
-});
-cvaMerge([
-    "relative",
-    "aspect-square",
-    "after:content-['']",
-    "after:absolute",
-    "after:h-2",
-    "after:w-2",
-    "after:bg-current",
-    "after:rounded-full",
-    "after:inset-1/2",
-    "after:-translate-x-1/2",
-    "after:-translate-y-1/2",
-    "after:opacity-50",
-]);
 
 const iconPalette = {
     ...intentPalette,
@@ -4516,7 +4494,6 @@ const PopoverTrigger = function PopoverTrigger({ children, renderButton = false,
     return (jsx(Button, { "data-state": context.isOpen === true ? "open" : "closed", ref: ref, type: "button", ...context.getReferenceProps(props), children: children }));
 };
 
-cvaMerge(["flex", "leading-5"]);
 const cvaTooltipIcon = cvaMerge(["text-neutral-300", "transition", "hover:cursor-pointer", "hover:text-neutral-400"], {
     variants: {
         color: {
@@ -6600,31 +6577,6 @@ const PRESET_CONFIGURATIONS = {
 };
 
 const cvaSkeletonContainer = cvaMerge(["flex", "flex-col"]);
-cvaMerge([
-    "relative",
-    "overflow-hidden",
-    "rounded-lg",
-    // Gradient background
-    "bg-gradient-to-r",
-    "from-neutral-200/80",
-    "via-neutral-300/60",
-    "to-neutral-200/80",
-    // Pulse animation
-    "animate-pulse",
-    // Shimmer overlay
-    "before:absolute",
-    "before:inset-0",
-    "before:bg-gradient-to-r",
-    "before:from-transparent",
-    "before:via-white/50",
-    "before:to-transparent",
-    "before:opacity-0",
-    "before:animate-pulse",
-    // Smooth transitions for accessibility
-    "transition-all",
-    "duration-300",
-    "ease-in-out",
-]);
 
 /**
  * SkeletonLines renders multiple animated placeholder text lines before data loads.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.17.26",
+  "version": "1.17.28",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -14,10 +14,10 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.11.44",
-    "@trackunit/css-class-variance-utilities": "1.11.44",
-    "@trackunit/shared-utils": "1.13.44",
-    "@trackunit/ui-icons": "1.11.43",
+    "@trackunit/ui-design-tokens": "1.11.45",
+    "@trackunit/css-class-variance-utilities": "1.11.45",
+    "@trackunit/shared-utils": "1.13.45",
+    "@trackunit/ui-icons": "1.11.44",
     "@tanstack/react-router": "1.114.29",
     "es-toolkit": "^1.39.10",
     "@tanstack/react-virtual": "3.13.12",

package/src/components/Icon/Icon.variants.d.ts

@@ -3,7 +3,3 @@ export declare const cvaIcon: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     fontSize?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaIconComponent: (props?: ({
-    iconType?: "solid" | "outline" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaLoadingDot: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/ListItem/ListItemSkeleton.d.ts

@@ -1,14 +1,4 @@
 import { ReactElement } from "react";
-/**
- * Default property values for ListItemSkeleton component.
- */
-export declare const DEFAULT_SKELETON_LIST_ITEM_PROPS: {
-    readonly hasThumbnail: true;
-    readonly thumbnailShape: "circle";
-    readonly hasDescription: true;
-    readonly hasMeta: false;
-    readonly hasDetails: false;
-};
 export interface ListItemSkeletonProps {
     /** Whether to show a thumbnail skeleton */
     hasThumbnail?: boolean;

package/src/components/Portal/shared.d.ts

@@ -1,4 +1,3 @@
-import { UseFloatingPortalNodeProps } from "@floating-ui/react";
 /** @internal */
 export declare const PORTAL_CONTAINER = "portal-container";
 /**
@@ -7,13 +6,3 @@ export declare const PORTAL_CONTAINER = "portal-container";
  * @internal
  */
 export declare const getDefaultPortalContainer: () => HTMLElement;
-/**
- * Hook that creates or retrieves a portal node for floating UI components
- *
- * @param props - The portal node props
- * @param props.root - The root element to attach the portal to
- * @param props.id - The ID for the portal node
- * @returns {HTMLElement | null} The portal node props
- * @internal
- */
-export declare const usePortalNode: (props?: UseFloatingPortalNodeProps) => HTMLElement | null;

package/src/components/Skeleton/Skeleton.helpers.d.ts

@@ -3,7 +3,6 @@ export type CSSLength = `${number}px` | `${number}rem` | `${number}em` | `${numb
 export type CSSLengthUnit = "px" | "rem" | "em" | "ch" | "ex" | "%";
 export type TextSizeKey = `text-${fontSizeKeys}`;
 export type SkeletonVariant = "text" | "block";
-export declare const VALID_SIZE_KEYS: ReadonlyArray<fontSizeKeys>;
 /**
  * Extract the size key from a text size string (e.g., "text-base" → "base").
  *

package/src/components/SkeletonLines/SkeletonLines.variants.d.ts

@@ -1,2 +1 @@
 export declare const cvaSkeletonContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaSkeletonLine: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/Tooltip/Tooltip.variants.d.ts

@@ -1,4 +1,3 @@
-export declare const cvaTooltipContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaTooltipIcon: (props?: ({
     color?: "light" | "dark" | null | undefined;
     defaultVariants?: "color" | null | undefined;