@choice-ui/react 1.9.0 → 1.9.1

package/dist/components/textarea/dist/index.js

@@ -507,7 +507,9 @@ var TextareaTv = tcv({
         container: "bg-gray-700",
         textarea: "text-white placeholder:text-white/40"
       },
-      reset: {}
+      reset: {
+        container: "rounded-none border-0"
+      }
     },
     resize: {
       auto: {},

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

@@ -10,6 +10,7 @@ interface TooltipProps {
     className?: string;
     content?: React.ReactNode;
     disabled?: boolean;
+    interactive?: boolean;
     offset?: number;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
@@ -23,6 +24,7 @@ interface TooltipProps {
     withArrow?: boolean;
 }
 interface TooltipContentProps extends React.HTMLProps<HTMLDivElement> {
+    interactive?: boolean;
     portalId?: string;
     variant?: "default" | "light";
     withArrow?: boolean;

package/dist/components/tooltip/dist/index.js

@@ -128,7 +128,15 @@ var TooltipArrow = forwardRef(function TooltipArrow2({ className, variant = "def
 });
 var TooltipContent = forwardRef(
   function TooltipContent2(props, propRef) {
-    const { className, withArrow = true, variant = "default", children, portalId, ...rest } = props;
+    const {
+      className,
+      withArrow = true,
+      variant = "default",
+      children,
+      portalId,
+      interactive = true,
+      ...rest
+    } = props;
     const state = useTooltipState();
     const ref = useMergeRefs([state.refs.setFloating, propRef]);
     const { isInstantPhase, currentId } = useDelayGroup(state.context, {
@@ -157,19 +165,27 @@ var TooltipContent = forwardRef(
     });
     const tv = useMemo(() => tooltipContentVariants({ variant }), [variant]);
     if (state.disabled || !isMounted) return null;
+    const floatingProps = state.getFloatingProps(rest);
     return /* @__PURE__ */ jsx(FloatingPortal, { id: portalId, children: /* @__PURE__ */ jsx(
       "div",
       {
         ref,
-        style: state.floatingStyles,
-        ...state.getFloatingProps(rest),
+        style: {
+          ...state.floatingStyles,
+          pointerEvents: interactive ? void 0 : "none"
+        },
+        ...floatingProps,
         className: "z-tooltip",
         children: /* @__PURE__ */ jsxs(
           "div",
           {
             className: tcx(tv.root({ className })),
             "data-state": state.open ? "open" : "closed",
-            style: styles,
+            style: {
+              ...styles,
+              pointerEvents: interactive ? void 0 : "none",
+              cursor: interactive ? void 0 : "default"
+            },
             children: [
               children,
               withArrow && /* @__PURE__ */ jsx(TooltipArrow, { variant })
@@ -272,7 +288,8 @@ function TooltipRoot(props) {
     withArrow = true,
     variant = "default",
     offset: offset2 = 8,
-    portalId = PORTAL_ROOT_ID
+    portalId = PORTAL_ROOT_ID,
+    interactive = true
   } = props;
   const tooltip = useTooltip({
     placement,
@@ -291,6 +308,7 @@ function TooltipRoot(props) {
           variant,
           portalId,
           className,
+          interactive,
           children: [
             content,
             shortcut && /* @__PURE__ */ jsx(

package/dist/components/virtual-select/dist/index.d.ts

@@ -0,0 +1,48 @@
+import { MenuContextContent, MenuDivider, MenuEmpty, MenuContextItem, MenuSearch, MenuTrigger, MenuValue } from '../../menus/src';
+import { FloatingFocusManagerProps } from '@floating-ui/react';
+import { default as React } from 'react';
+interface VirtualSelectOption<T = unknown> {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    data?: T;
+}
+interface VirtualSelectProps<T = unknown> {
+    className?: string;
+    closeOnEscape?: boolean;
+    disabled?: boolean;
+    emptyText?: string;
+    focusManagerProps?: Partial<FloatingFocusManagerProps>;
+    matchTriggerWidth?: boolean;
+    maxHeight?: number;
+    onChange?: (value: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    options: VirtualSelectOption<T>[];
+    overscan?: number;
+    placeholder?: string;
+    placement?: "bottom-start" | "bottom-end";
+    portalId?: string;
+    readOnly?: boolean;
+    renderOption?: (option: VirtualSelectOption<T>, isSelected: boolean) => React.ReactNode;
+    renderValue?: (option: VirtualSelectOption<T> | null) => React.ReactNode;
+    root?: HTMLElement | null;
+    searchPlaceholder?: string;
+    size?: "default" | "large";
+    value?: string | null;
+    variant?: "default" | "light" | "reset";
+}
+interface VirtualSelectComponentType {
+    <T = unknown>(props: VirtualSelectProps<T>): React.ReactElement | null;
+    displayName?: string;
+    Content: typeof MenuContextContent;
+    Divider: typeof MenuDivider;
+    Empty: typeof MenuEmpty;
+    Item: typeof MenuContextItem;
+    Search: typeof MenuSearch;
+    Trigger: typeof MenuTrigger;
+    Value: typeof MenuValue;
+}
+declare const VirtualSelect: VirtualSelectComponentType;
+
+export { VirtualSelect, type VirtualSelectOption, type VirtualSelectProps };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@choice-ui/react",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "A desktop-first React UI component library built for professional desktop applications with comprehensive documentation",
   "sideEffects": false,
   "type": "module",
   "source": "./app/index.ts",
   "main": "./dist/index.js",
-  "types": "./app/index.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "README.md",
@@ -14,7 +14,7 @@
   ],
   "exports": {
     ".": {
-      "types": "./app/index.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
     "./styles/*": "./dist/styles/*",
@@ -22,36 +22,10 @@
     "./llms.txt": "./dist/llms.txt"
   },
   "publishConfig": {
-    "access": "public",
-    "types": "./dist/index.d.ts",
-    "main": "./dist/index.js",
-    "exports": {
-      ".": {
-        "types": "./dist/index.d.ts",
-        "import": "./dist/index.js"
-      },
-      "./styles/*": "./dist/styles/*",
-      "./tailwind.css": "./dist/tailwind.css",
-      "./llms.txt": "./dist/llms.txt"
-    }
-  },
-  "scripts": {
-    "build": "pnpm run clean && pnpm --filter @choice-ui/shared build && vite build",
-    "build:watch": "vite build --watch",
-    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "lint": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
-    "lint:types": "tsc",
-    "clean": "rimraf dist",
-    "prepublishOnly": "pnpm run build",
-    "plop": "pnpm dlx plop",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "madge": "npx madge --circular --extensions ts app/"
+    "access": "public"
   },
   "dependencies": {
     "@choiceform/icons-react": "^1.3.8",
-    "@choice-ui/design-tokens": "workspace:*",
     "classnames": "^2.5.1",
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^3.1.0",
@@ -85,7 +59,8 @@
     "remark-breaks": "^4.0.0",
     "remark-math": "^6.0.0",
     "harden-react-markdown": "^1.0.4",
-    "shiki": "^3.9.2"
+    "shiki": "^3.9.2",
+    "@choice-ui/design-tokens": "0.2.16"
   },
   "devDependencies": {
     "@babel/core": "^7.27.1",
@@ -136,5 +111,18 @@
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "pnpm run clean && pnpm --filter @choice-ui/shared build && vite build",
+    "build:watch": "vite build --watch",
+    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "lint": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
+    "lint:types": "tsc",
+    "clean": "rimraf dist",
+    "plop": "pnpm dlx plop",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "madge": "npx madge --circular --extensions ts app/"
   }
-}
+}