@rentnerkev/select 2.0.0 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rentnerkev/select",
-    "version": "2.0.0",
+    "version": "3.1.0",
     "description": "Accessible, searchable React select with single and multiple selection support.",
     "author": "RentnerKev",
     "license": "MIT",
@@ -20,13 +20,15 @@
         "test": "bun test",
         "prepare": "bun run build",
         "pack:check": "bun pm pack --dry-run",
+        "playground:install": "bun install --cwd playground --frozen-lockfile",
         "playground:dev": "bun --cwd playground dev",
         "playground:build": "bun --cwd playground build",
+        "e2e": "playwright test",
         "lint": "oxlint .",
         "lint:fix": "oxlint --fix .",
         "format": "oxfmt .",
         "format:check": "oxfmt --check .",
-        "verify": "bun run typecheck && bun run lint && bun run format:check && bun run test && bun run build && bun run pack:check"
+        "verify": "bun run playground:install && bun run typecheck && bun run lint && bun run format:check && bun run test && bun run build && bun run pack:check && bun run e2e"
     },
     "repository": {
         "type": "git",
@@ -45,7 +47,9 @@
         "react-dom": "^19.0.0"
     },
     "devDependencies": {
+        "@axe-core/playwright": "^4.13.0",
         "@happy-dom/global-registrator": "^20.14.5",
+        "@playwright/test": "^1.63.0",
         "@testing-library/react": "^16.3.3",
         "@testing-library/user-event": "^14.6.7",
         "@types/react": "^19.3.0",
@@ -59,7 +63,7 @@
     },
     "dependencies": {
         "@radix-ui/react-select": "^2.3.7",
-        "@radix-ui/react-tooltip": "^1.2.16",
+        "@rentnerkev/tooltips": "^2.0.0",
         "lucide-react": "^1.47.0"
     },
     "exports": {

package/tailwind.css

@@ -1,3 +1,5 @@
+@import '@rentnerkev/tooltips/tailwind.css';
+
 @source "./dist/**/*.js";
 
 @theme {
@@ -9,4 +11,23 @@
     --color-border-dark: #2e323b;
     --color-secondary-text: #9ca3af;
     --color-muted-foreground: #9ca3af;
+    --color-select-control: #22252b;
+    --color-select-surface: #181a1f;
+    --color-select-hover: #2b3038;
+    --color-select-border: #2e323b;
+    --color-select-border-strong: #515965;
+    --color-select-foreground: #e5e7eb;
+    --color-select-muted: #9ca3af;
+    --color-select-accent: #8586f4;
+}
+
+/* Radix normally injects these rules. Shipping them here also works with strict CSP. */
+[data-radix-select-viewport] {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    -webkit-overflow-scrolling: touch;
+}
+
+[data-radix-select-viewport]::-webkit-scrollbar {
+    display: none;
 }

package/dist/Internal/Tooltip.d.ts

@@ -1,16 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-interface TooltipCustomDesign {
-    baseClasses?: string;
-    animationClasses?: string;
-    contentClasses?: string;
-    arrowClasses?: string;
-}
-interface TooltipProps {
-    children: ReactElement;
-    content: ReactNode;
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    customDesign?: TooltipCustomDesign;
-}
-export declare function CustomTooltip({ children, content, side, customDesign, }: TooltipProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Internal/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Internal/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,UAAU,mBAAmB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACxB;AAUD,UAAU,YAAY;IAClB,QAAQ,EAAE,YAAY,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,YAAY,CAAC,EAAE,mBAAmB,CAAA;CACrC;AAED,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,IAAY,EACZ,YAAY,GACf,EAAE,YAAY,+BA0Bd"}

package/dist/Internal/Tooltip.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-const defaultTooltipDesign = {
-    baseClasses: 'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-lg border border-border-dark bg-surface-dark px-3 py-1.5 text-xs font-medium text-gray-200 shadow-xl data-[side=bottom]:slide-in-from-top-2',
-    animationClasses: 'animate-in fade-in zoom-in-95',
-    contentClasses: '',
-    arrowClasses: 'fill-surface-dark stroke-border-dark',
-};
-export function CustomTooltip({ children, content, side = 'top', customDesign, }) {
-    const design = { ...defaultTooltipDesign, ...customDesign };
-    return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { delayDuration: 200, children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, children: children }), _jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { sideOffset: 8, side: side, className: `z-[9999] ${design.baseClasses} ${design.animationClasses} ${design.contentClasses}`, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 12, height: 6, className: design.arrowClasses })] }) })] }) }));
-}
-//# sourceMappingURL=Tooltip.js.map

package/dist/Internal/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Internal/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAU3D,MAAM,oBAAoB,GAAkC;IACxD,WAAW,EACP,0QAA0Q;IAC9Q,gBAAgB,EAAE,+BAA+B;IACjD,cAAc,EAAE,EAAE;IAClB,YAAY,EAAE,sCAAsC;CACvD,CAAA;AASD,MAAM,UAAU,aAAa,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,YAAY,GACD;IACX,MAAM,MAAM,GAAG,EAAE,GAAG,oBAAoB,EAAE,GAAG,YAAY,EAAE,CAAA;IAE3D,OAAO,CACH,KAAC,gBAAgB,CAAC,QAAQ,cACtB,MAAC,gBAAgB,CAAC,IAAI,IAAC,aAAa,EAAE,GAAG,aACrC,KAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,kBAC5B,QAAQ,GACc,EAC3B,KAAC,gBAAgB,CAAC,MAAM,cACpB,MAAC,gBAAgB,CAAC,OAAO,IACrB,UAAU,EAAE,CAAC,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,YAAY,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,cAAc,EAAE,aAE9F,OAAO,EACR,KAAC,gBAAgB,CAAC,KAAK,IACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,MAAM,CAAC,YAAY,GAChC,IACqB,GACL,IACN,GACA,CAC/B,CAAA;AACL,CAAC"}