@arbidocs/react 0.4.30 → 0.4.32

package/dist/{chunk-VC2I4NST.cjs → chunk-3AK4QJ62.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkEOOHRPFM_cjs = require('./chunk-EOOHRPFM.cjs');
 var chunkOBNTJEEO_cjs = require('./chunk-OBNTJEEO.cjs');
+var chunkEOOHRPFM_cjs = require('./chunk-EOOHRPFM.cjs');
 var chunkS6A6FSG7_cjs = require('./chunk-S6A6FSG7.cjs');
 var React = require('react');
 var reactDom = require('react-dom');
@@ -128,14 +128,19 @@ function showsOwnText(el) {
   }
   return /\p{L}{2,}/u.test(visible);
 }
-function TooltipTrigger({ asChild, children, ...props }) {
+function TooltipTrigger({
+  asChild,
+  showWithText = false,
+  children,
+  ...props
+}) {
   const ctx = React__namespace.useContext(TooltipContext);
   if (!ctx) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   const triggerHandlers = {
     onPointerEnter: (e) => {
       props.onPointerEnter?.(e);
       if (e.pointerType === "touch") return;
-      if (showsOwnText(e.currentTarget)) return;
+      if (!showWithText && showsOwnText(e.currentTarget)) return;
       ctx.show();
     },
     onPointerLeave: (e) => {
@@ -150,7 +155,7 @@ function TooltipTrigger({ asChild, children, ...props }) {
     },
     onFocus: (e) => {
       props.onFocus?.(e);
-      if (isKeyboardFocus(e.target) && !showsOwnText(e.currentTarget)) ctx.show();
+      if (isKeyboardFocus(e.target) && (showWithText || !showsOwnText(e.currentTarget))) ctx.show();
     },
     onBlur: (e) => {
       props.onBlur?.(e);
@@ -260,6 +265,7 @@ function IconToggle({
   isActive,
   onToggle,
   colors,
+  inactiveColors,
   fillWhenActive = false,
   disabled = false,
   disabledTooltip,
@@ -293,7 +299,7 @@ function IconToggle({
           pointer-coarse:after:absolute pointer-coarse:after:left-1/2 pointer-coarse:after:top-1/2 pointer-coarse:after:size-11 pointer-coarse:after:-translate-x-1/2 pointer-coarse:after:-translate-y-1/2 pointer-coarse:after:content-['']
           transition-colors cursor-pointer
           disabled:opacity-50 disabled:cursor-not-allowed
-          ${isActive ? bgColorClass : isMixed ? "bg-gray-400" : "bg-muted"}
+          ${isActive ? bgColorClass : isMixed ? "bg-muted-foreground" : inactiveColors?.bg ?? "bg-muted"}
         `,
       children: [
         isActive && !disabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 w-4 h-4 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "w-2.5 h-2.5 text-white/70 hidden group-hover/toggle:block" }) }),
@@ -310,7 +316,7 @@ function IconToggle({
             children: /* @__PURE__ */ jsxRuntime.jsx(
               Icon2,
               {
-                className: `w-2.5 h-2.5 ${isActive ? textColorClass : "text-muted-foreground"} ${isActive && fillWhenActive ? "fill-current" : ""}`
+                className: `w-2.5 h-2.5 ${isActive ? textColorClass : inactiveColors?.text ?? "text-muted-foreground"} ${isActive && fillWhenActive ? "fill-current" : ""}`
               }
             )
           }
@@ -327,8 +333,8 @@ function IconToggle({
   ] });
 }
 var COLORS = {
-  text: "text-primary",
-  bg: "bg-primary"
+  text: "text-secondary",
+  bg: "bg-secondary"
 };
 function isItemShared(item) {
   return item.shared === true || item.is_shared === true;
@@ -373,6 +379,7 @@ function VisibilityToggle({
       isActive: isAllShared,
       onToggle: handleToggle,
       colors: COLORS,
+      inactiveColors: { text: "text-primary", bg: "bg-primary/10" },
       disabled: disabled || itemsArray.length === 0,
       disabledTooltip,
       showLabel,
@@ -3316,10 +3323,14 @@ var VISIBILITY_ICONS = {
 };
 var VisibilityIcon = ({
   isShared,
+  className,
   ...props
 }) => {
   const IconComponent = isShared ? VISIBILITY_ICONS.SHARED : VISIBILITY_ICONS.PRIVATE;
-  return React__namespace.default.createElement(IconComponent, props);
+  return React__namespace.default.createElement(IconComponent, {
+    ...props,
+    className: [isShared ? "text-secondary" : "text-primary", className].filter(Boolean).join(" ")
+  });
 };
 
 // src/entities/colors.ts
@@ -3897,5 +3908,5 @@ exports.getTagTypeLabel = getTagTypeLabel;
 exports.getWorkspaceColor = getWorkspaceColor;
 exports.toggleVariants = toggleVariants;
 exports.useAudioRecorder = useAudioRecorder;
-//# sourceMappingURL=chunk-VC2I4NST.cjs.map
-//# sourceMappingURL=chunk-VC2I4NST.cjs.map
+//# sourceMappingURL=chunk-3AK4QJ62.cjs.map
+//# sourceMappingURL=chunk-3AK4QJ62.cjs.map