@choice-ui/react 1.6.4 → 1.6.5

package/dist/components/otp-input/src/otp-input.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { OTPInput as Lt } from "../../../node_modules/.pnpm/input-otp@1.4.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/input-otp/dist/index.js";
 import { useMemo, createContext, useContext } from "react";
 import { otpInputTv } from "./tv.js";
-import css from "./otp-input.module.css.js";
 import { tcx } from "../../../shared/utils/tcx/tcx.js";
 const OTPInputCtx = createContext({
   styles: otpInputTv({}),
@@ -84,7 +83,7 @@ function OTPInputSlot({ className, index, ...props }) {
         hasFakeCaret && isActive ? /* @__PURE__ */ jsx(
           "div",
           {
-            className: tcx((_d = styles == null ? void 0 : styles.caret) == null ? void 0 : _d.call(styles), css.caret),
+            className: tcx((_d = styles == null ? void 0 : styles.caret) == null ? void 0 : _d.call(styles), "otp-input__caret"),
             "data-slot": "otp-input-caret"
           }
         ) : null

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/dist/styles/components.css

@@ -593,3 +593,22 @@
     grid-template-columns: auto 1fr 2.5rem;
   }
 }
+
+/* OTP Input styles */
+@layer components {
+  .otp-input__caret {
+    animation: otp-caret-blink 1s ease-out infinite;
+  }
+
+  @keyframes otp-caret-blink {
+    0%,
+    70%,
+    100% {
+      opacity: 1;
+    }
+    20%,
+    50% {
+      opacity: 0;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@choice-ui/react",
-  "version": "1.6.4",
+  "version": "1.6.5",
   "description": "A desktop-first React UI component library built for professional desktop applications with comprehensive documentation",
   "sideEffects": false,
   "type": "module",

package/dist/components/otp-input/src/otp-input.module.css

@@ -1,15 +0,0 @@
-._caret_7qdip_1 {
-  animation: _caret-blink_7qdip_1 1s ease-out infinite;
-}
-
-@keyframes _caret-blink_7qdip_1 {
-  0%,
-  70%,
-  100% {
-    opacity: 1;
-  }
-  20%,
-  50% {
-    opacity: 0;
-  }
-}

package/dist/components/otp-input/src/otp-input.module.css.js

@@ -1,8 +0,0 @@
-import './otp-input.module.css';const caret = "_caret_7qdip_1";
-const css = {
-  caret
-};
-export {
-  caret,
-  css as default
-};