@choice-ui/react 1.4.2 → 1.4.5

package/dist/components/command/src/tv.d.ts

@@ -43,39 +43,30 @@ export declare const commandTv: import('tailwind-variants').TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 export declare const commandInputTv: import('tailwind-variants').TVReturnType<{
     size: {
-        default: {
-            input: string;
-        };
+        default: {};
         large: {
             input: string;
         };
     };
 }, {
-    root: string;
     input: string;
 }, undefined, {
     size: {
-        default: {
-            input: string;
-        };
+        default: {};
         large: {
             input: string;
         };
     };
 }, {
-    root: string;
     input: string;
 }, import('tailwind-variants').TVReturnType<{
     size: {
-        default: {
-            input: string;
-        };
+        default: {};
         large: {
             input: string;
         };
     };
 }, {
-    root: string;
     input: string;
 }, undefined, unknown, unknown, undefined>>;
 export declare const commandListTv: import('tailwind-variants').TVReturnType<{
@@ -118,6 +109,11 @@ export declare const commandGroupTv: import('tailwind-variants').TVReturnType<{
             heading: string;
         };
     };
+    hidden: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string;
     heading: string;
@@ -130,6 +126,11 @@ export declare const commandGroupTv: import('tailwind-variants').TVReturnType<{
             heading: string;
         };
     };
+    hidden: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string;
     heading: string;
@@ -142,6 +143,11 @@ export declare const commandGroupTv: import('tailwind-variants').TVReturnType<{
             heading: string;
         };
     };
+    hidden: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string;
     heading: string;
@@ -180,6 +186,11 @@ export declare const commandItemTv: import('tailwind-variants').TVReturnType<{
             root: string;
         };
     };
+    hidden: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     icon: string;
@@ -219,6 +230,11 @@ export declare const commandItemTv: import('tailwind-variants').TVReturnType<{
             root: string;
         };
     };
+    hidden: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     icon: string;
@@ -258,6 +274,11 @@ export declare const commandItemTv: import('tailwind-variants').TVReturnType<{
             root: string;
         };
     };
+    hidden: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     icon: string;

package/dist/components/command/src/tv.js

@@ -19,16 +19,13 @@ const commandTv = tcv({
 });
 const commandInputTv = tcv({
   slots: {
-    root: "m-2 flex items-center",
-    input: "w-full rounded-lg"
+    input: "m-2"
   },
   variants: {
     size: {
-      default: {
-        input: "text-body-medium h-8 px-2"
-      },
+      default: {},
       large: {
-        input: "leading-lg tracking-lg h-10 px-4 text-body-large"
+        input: "leading-lg tracking-lg px-4 text-body-large"
       }
     }
   },
@@ -55,6 +52,11 @@ const commandGroupTv = tcv({
       dark: {
         heading: "text-white/50"
       }
+    },
+    hidden: {
+      true: {
+        root: "hidden"
+      }
     }
   }
 });
@@ -98,6 +100,11 @@ const commandItemTv = tcv({
       true: {
         root: "pointer-events-none"
       }
+    },
+    hidden: {
+      true: {
+        root: "hidden"
+      }
     }
   },
   compoundVariants: [

package/dist/components/command/src/types.d.ts

@@ -32,11 +32,19 @@ export interface CommandProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
      * If `false`, you must conditionally render valid items based on the search query yourself.
      */
     shouldFilter?: boolean;
+    /**
+     * The size of the command menu.
+     * @default "default"
+     */
     size?: "default" | "large";
     /**
      * Optional controlled state of the selected command menu item.
      */
     value?: string;
+    /**
+     * The variant of the command menu.
+     * @default "default"
+     */
     variant?: "default" | "dark";
     /**
      * Set to `false` to disable ctrl+n/j/p/k shortcuts. Defaults to `true`.

package/dist/components/command/src/utils/constants.d.ts

@@ -2,6 +2,6 @@ export declare const GROUP_SELECTOR = "[role=\"presentation\"]";
 export declare const GROUP_ITEMS_SELECTOR = "[role=\"group\"]";
 export declare const GROUP_HEADING_SELECTOR = "[aria-hidden=\"true\"]";
 export declare const ITEM_SELECTOR = "[role=\"option\"]";
-export declare const VALID_ITEM_SELECTOR = "[role=\"option\"]:not([aria-disabled=\"true\"])";
+export declare const VALID_ITEM_SELECTOR = "[role=\"option\"]:not([aria-disabled=\"true\"]):not([data-hidden=\"true\"])";
 export declare const SELECT_EVENT = "cmdk-item-select";
 export declare const VALUE_ATTR = "data-value";

package/dist/components/command/src/utils/constants.js

@@ -2,7 +2,7 @@ const GROUP_SELECTOR = `[role="presentation"]`;
 const GROUP_ITEMS_SELECTOR = `[role="group"]`;
 const GROUP_HEADING_SELECTOR = `[aria-hidden="true"]`;
 const ITEM_SELECTOR = `[role="option"]`;
-const VALID_ITEM_SELECTOR = `${ITEM_SELECTOR}:not([aria-disabled="true"])`;
+const VALID_ITEM_SELECTOR = `${ITEM_SELECTOR}:not([aria-disabled="true"]):not([data-hidden="true"])`;
 const SELECT_EVENT = `cmdk-item-select`;
 const VALUE_ATTR = `data-value`;
 export {

package/dist/components/command/src/utils/helpers.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-export declare const useLayoutEffect: typeof React.useLayoutEffect;
 export declare function renderChildren(children: React.ReactElement): React.ReactNode;
 export declare function SlottableWithNestedChildren({ asChild, children }: {
     asChild?: boolean;

package/dist/components/command/src/utils/helpers.js

@@ -1,5 +1,4 @@
 import React from "react";
-const useLayoutEffect = typeof window === "undefined" ? React.useEffect : React.useLayoutEffect;
 function renderChildren(children) {
   const childrenType = children.type;
   if (typeof childrenType === "function") {
@@ -27,6 +26,5 @@ function SlottableWithNestedChildren({ asChild, children }, render) {
 }
 export {
   SlottableWithNestedChildren,
-  renderChildren,
-  useLayoutEffect
+  renderChildren
 };

package/dist/components/command/src/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './constants';
 export * from './dom';
 export * from './helpers';
+export * from './command-score';

package/dist/components/comments/src/comment-input/components/comment-input-mention-popover.js

@@ -106,8 +106,10 @@ const CommentInputMentionPopover = ({
         padding: 4,
         apply({ elements, availableHeight, rects }) {
           var _a;
-          const contentHeight = ((_a = scrollRef.current) == null ? void 0 : _a.scrollHeight) || elements.floating.scrollHeight;
-          const calculatedHeight = Math.min(contentHeight, availableHeight - 8);
+          const floatingScrollHeight = elements.floating.scrollHeight;
+          const scrollRefHeight = ((_a = scrollRef.current) == null ? void 0 : _a.scrollHeight) || 0;
+          const contentHeight = Math.max(floatingScrollHeight, scrollRefHeight);
+          const calculatedHeight = contentHeight > 0 ? Math.min(contentHeight, availableHeight - 8) : availableHeight - 8;
           Object.assign(elements.floating.style, {
             maxHeight: `${calculatedHeight}px`,
             overflow: "hidden"

package/dist/components/comments/src/comment-item/tv.d.ts

@@ -4,8 +4,8 @@ export declare const CommentItemTv: import('tailwind-variants').TVReturnType<{
             meta?: import('tailwind-merge').ClassNameValue;
             content?: import('tailwind-merge').ClassNameValue;
             date?: import('tailwind-merge').ClassNameValue;
-            name?: import('tailwind-merge').ClassNameValue;
             root?: import('tailwind-merge').ClassNameValue;
+            name?: import('tailwind-merge').ClassNameValue;
             avatar?: import('tailwind-merge').ClassNameValue;
             actionMenu?: import('tailwind-merge').ClassNameValue;
         };
@@ -16,8 +16,8 @@ export declare const CommentItemTv: import('tailwind-variants').TVReturnType<{
             meta?: import('tailwind-merge').ClassNameValue;
             content?: import('tailwind-merge').ClassNameValue;
             date?: import('tailwind-merge').ClassNameValue;
-            name?: import('tailwind-merge').ClassNameValue;
             root?: import('tailwind-merge').ClassNameValue;
+            name?: import('tailwind-merge').ClassNameValue;
             avatar?: import('tailwind-merge').ClassNameValue;
             actionMenu?: import('tailwind-merge').ClassNameValue;
         };
@@ -36,8 +36,8 @@ export declare const CommentItemTv: import('tailwind-variants').TVReturnType<{
             meta?: import('tailwind-merge').ClassNameValue;
             content?: import('tailwind-merge').ClassNameValue;
             date?: import('tailwind-merge').ClassNameValue;
-            name?: import('tailwind-merge').ClassNameValue;
             root?: import('tailwind-merge').ClassNameValue;
+            name?: import('tailwind-merge').ClassNameValue;
             avatar?: import('tailwind-merge').ClassNameValue;
             actionMenu?: import('tailwind-merge').ClassNameValue;
         };

package/dist/components/comments/src/comments.js

@@ -84,7 +84,7 @@ const CommentsComponent = forwardRef((props, ref) => {
       ScrollArea,
       {
         className: tcx("flex h-full flex-col", className),
-        scrollbarMode: "large-b",
+        scrollbarMode: "padding-b",
         ref,
         children: /* @__PURE__ */ jsx(
           ScrollArea.Viewport,