@tangible/ui 0.0.4 → 0.0.6

package/components/Tabs/Tabs.js

@@ -104,7 +104,7 @@ function TabsRoot({ variant = 'underline', activationMode = 'auto', value: contr
     }, [registryVersion, activeValue, focusedValue, isControlled, onValueChange, getOrderedTabs]);
     // Dev-only: Tab-Panel pairing validation
     useEffect(() => {
-        if (import.meta.env.DEV) {
+        if (isDev()) {
             // Defer validation to next microtask so all tabs/panels have registered
             queueMicrotask(() => {
                 const tabValues = new Set(Array.from(tabsRef.current.keys()));
@@ -167,7 +167,7 @@ function TabsList({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy,
     const { orientation, activationMode, activeValue, focusedValue, getOrderedTabs, onSelect, setFocusedValue, tabsRef, } = useTabsContext();
     // Dev-only: Warn if missing accessible name
     useEffect(() => {
-        if (import.meta.env.DEV) {
+        if (isDev()) {
             if (!ariaLabel && !ariaLabelledBy) {
                 console.warn('Tabs.List: Missing accessible name. Provide aria-label or aria-labelledby.');
             }

package/components/Toolbar/Toolbar.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useRef, cloneElement, isValidElement, } from 'react';
 import { cx } from '../../utils/cx.js';
+import { isDev } from '../../utils/is-dev.js';
 // =============================================================================
 // Toolbar Component
 // =============================================================================
@@ -66,7 +67,7 @@ function ToolbarRoot({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledB
     const originalTabIndexMapRef = useRef(new WeakMap());
     // Dev warning for missing accessible name
     useEffect(() => {
-        if (import.meta.env?.DEV && !ariaLabel && !ariaLabelledBy) {
+        if (isDev() && !ariaLabel && !ariaLabelledBy) {
             console.warn('[Toolbar] aria-label or aria-labelledby is required for accessibility.');
         }
     }, [ariaLabel, ariaLabelledBy]);

package/components/Tooltip/Tooltip.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useId, useMemo, useRef, useState, cloneElement, isValidElement, } from 'react';
+import { isDev } from '../../utils/is-dev.js';
 import { useFloating, offset, flip, shift, arrow, autoUpdate, FloatingPortal, FloatingArrow, } from '@floating-ui/react';
 import { cx } from '../../utils/cx.js';
 import { getPortalRootFor } from '../../utils/portal.js';
@@ -165,7 +166,7 @@ function TooltipContentComponent({ side = 'top', align = 'center', sideOffset =
     // Dev warning: tooltips should not contain interactive content (WCAG 1.4.13)
     // Use Popover for interactive overlays instead
     useEffect(() => {
-        if (import.meta.env?.DEV && open && refs.floating.current) {
+        if (isDev() && open && refs.floating.current) {
             const interactive = refs.floating.current.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
             if (interactive.length > 0) {
                 console.warn('[Tooltip] Contains interactive elements which violates WCAG 1.4.13. ' +

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangible/ui",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Tangible Design System",
   "type": "module",
   "main": "./components/index.js",
@@ -79,20 +79,18 @@
       "types": "./components/Dropdown/Dropdown.d.ts"
     }
   },
-  "dependencies": {
-    "@floating-ui/react": "^0.27.16",
-    "@tanstack/react-table": "^8.21.3"
-  },
   "peerDependencies": {
+    "@floating-ui/react": ">=0.27.0",
+    "@tanstack/react-table": ">=8.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "peerDependenciesMeta": {
-    "react": {
-      "optional": false
+    "@floating-ui/react": {
+      "optional": true
     },
-    "react-dom": {
-      "optional": false
+    "@tanstack/react-table": {
+      "optional": true
     }
   },
   "homepage": "https://github.com/tangibleinc/tangible-ui",