@uselets/ui 1.20.3 → 1.20.4

package/dist/postcss.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"postcss.config.js","names":[],"sources":["../postcss.config.mjs"],"sourcesContent":["/** @type {import('postcss-load-config').Config} */\nconst config = {\n    plugins: { \"@tailwindcss/postcss\": {} },\n};\n\nexport default config;\n"],"mappings":"AACA,MAAM,EAAS,CACX,QAAS,CAAE,uBAAwB,CAAC,CAAE,CAC1C"}
+{"version":3,"file":"postcss.config.js","names":["config"],"sources":["../postcss.config.mjs"],"sourcesContent":["/** @type {import('postcss-load-config').Config} */\nconst config = {\n    plugins: { \"@tailwindcss/postcss\": {} },\n};\n\nexport default config;\n"],"mappings":"AACA,MAAMA,EAAS,CACX,QAAS,CAAE,uBAAwB,CAAC,CAAE,CAC1C"}

package/dist/skills/uselets-ui/SKILL.md

@@ -53,6 +53,7 @@ To set up a consumer project after installing `@uselets/ui`, run `bun uselets in
   app's entry file (`import '@fontsource-variable/inter'` in `app/layout.tsx`, `pages/_app.tsx`, or `src/main.tsx`),
   not via `@import` in CSS — some bundlers, including Next.js, don't resolve third-party CSS `@import`s reliably.
 - Recommend `@uselets/ui/postcss.config` when the app needs the package PostCSS preset for Tailwind v4.
+- For Vite apps, `@tailwindcss/vite` (registered in `vite.config.ts`, no `postcss.config.mjs`) is a valid alternative to PostCSS; prefer it when the project uses isolated installs (pnpm, Bun workspaces). See `references/package-guide.md`.
 - For tooltip-heavy apps, wrap the app with `TooltipProvider`; use `Tooltip label={...}` for common trigger/content usage and `TooltipRoot` only when manual composition is needed.
 - Use `UnstyledButton` when button semantics are needed without `Button` variants; it provides reset styles, pointer cursor, focus ring, default `type="button"`, and `asChild`.
 - For toast usage, mount `Toaster` near the app root before calling `toast(...)`.

package/dist/skills/uselets-ui/references/package-guide.md

@@ -121,6 +121,22 @@ If the app needs Tailwind v4 PostCSS setup, reuse the package preset:
 export { default } from '@uselets/ui/postcss.config'
 ```
 
+Vite apps may use `@tailwindcss/vite` instead of PostCSS (use one integration, never both):
+
+- Install `tailwindcss` and `@tailwindcss/vite`; register `tailwindcss()` in `plugins` of `vite.config.ts`; do not create `postcss.config.mjs`.
+- Prefer `@tailwindcss/vite` when the project uses isolated installs (pnpm, Bun workspaces). With `@tailwindcss/postcss` under Vite plus isolated installs, the build fails with `Can't resolve 'tailwind-scrollbar'` because the theme's `@plugin` is resolved from the app's stylesheet. Fix by switching to `@tailwindcss/vite` (or adding `tailwind-scrollbar` to the app's dependencies).
+- Non-Vite bundlers (for example Next.js) keep `@tailwindcss/postcss` with `@uselets/ui/postcss.config`.
+
+```ts
+// vite.config.ts
+import tailwindcss from '@tailwindcss/vite'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [tailwindcss()]
+})
+```
+
 When the app uses installed `@uselets/ui` components, add a Tailwind source directive so component classes from the package are generated:
 
 ```css

package/dist/use-hotkeys-YDJmGWX6.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-hotkeys-YDJmGWX6.js","names":[],"sources":["../src/utils/parse-hotkey.ts","../src/hooks/use-hotkeys.ts"],"sourcesContent":["export type KeyboardModifiers = {\n  alt: boolean\n  ctrl: boolean\n  meta: boolean\n  mod: boolean\n  shift: boolean\n}\n\nexport type Hotkey = KeyboardModifiers & {\n  key?: string\n}\n\ntype CheckHotkeyMatch = (event: KeyboardEvent) => boolean\n\nconst keyNameMap: Record<string, string> = {\n  ' ': 'space',\n  ArrowLeft: 'arrowleft',\n  ArrowRight: 'arrowright',\n  ArrowUp: 'arrowup',\n  ArrowDown: 'arrowdown',\n  Escape: 'escape',\n  Esc: 'escape',\n  esc: 'escape',\n  Enter: 'enter',\n  Tab: 'tab',\n  Backspace: 'backspace',\n  Delete: 'delete',\n  Insert: 'insert',\n  Home: 'home',\n  End: 'end',\n  PageUp: 'pageup',\n  PageDown: 'pagedown',\n  '+': 'plus',\n  '-': 'minus',\n  '*': 'asterisk',\n  '/': 'slash'\n}\n\nfunction normalizeKey(key: string): string {\n  const lowerKey = key.replace('Key', '').toLowerCase()\n  return keyNameMap[key] || lowerKey\n}\n\nexport function parseHotkey(hotkey: string): Hotkey {\n  const keys = hotkey\n    .toLowerCase()\n    .split('+')\n    .map((part) => part.trim())\n\n  const modifiers: KeyboardModifiers = {\n    alt: keys.includes('alt'),\n    ctrl: keys.includes('ctrl'),\n    meta: keys.includes('meta'),\n    mod: keys.includes('mod'),\n    shift: keys.includes('shift')\n  }\n\n  const reservedKeys = ['alt', 'ctrl', 'meta', 'shift', 'mod']\n\n  const freeKey = keys.find((key) => !reservedKeys.includes(key))\n\n  return {\n    ...modifiers,\n    key: freeKey === '[plus]' ? '+' : freeKey\n  }\n}\n\nfunction isExactHotkey(hotkey: Hotkey, event: KeyboardEvent, usePhysicalKeys?: boolean): boolean {\n  const { alt, ctrl, meta, mod, shift, key } = hotkey\n  const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey, code: pressedCode } = event\n\n  if (alt !== altKey) {\n    return false\n  }\n\n  if (mod) {\n    if (!ctrlKey && !metaKey) {\n      return false\n    }\n  } else {\n    if (ctrl !== ctrlKey) {\n      return false\n    }\n    if (meta !== metaKey) {\n      return false\n    }\n  }\n  if (shift !== shiftKey) {\n    return false\n  }\n\n  if (\n    key &&\n    (usePhysicalKeys\n      ? normalizeKey(pressedCode) === normalizeKey(key)\n      : normalizeKey(pressedKey ?? pressedCode) === normalizeKey(key))\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function getHotkeyMatcher(hotkey: string, usePhysicalKeys?: boolean): CheckHotkeyMatch {\n  return (event) => isExactHotkey(parseHotkey(hotkey), event, usePhysicalKeys)\n}\n\nexport type HotkeyItemOptions = {\n  preventDefault?: boolean\n  usePhysicalKeys?: boolean\n}\n\ntype HotkeyItem = [string, (event: unknown) => void, HotkeyItemOptions?]\n\nexport function getHotkeyHandler(hotkeys: HotkeyItem[]) {\n  return (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => {\n    const _event = 'nativeEvent' in event ? event.nativeEvent : event\n    hotkeys.forEach(([hotkey, handler, options = { preventDefault: true, usePhysicalKeys: false }]) => {\n      if (getHotkeyMatcher(hotkey, options.usePhysicalKeys)(_event)) {\n        if (options.preventDefault) {\n          event.preventDefault()\n        }\n\n        handler(_event)\n      }\n    })\n  }\n}\n","import { useEffect, useEffectEvent } from 'react'\n\nimport { getHotkeyHandler, getHotkeyMatcher, type HotkeyItemOptions } from '../utils/parse-hotkey'\n\nexport type { HotkeyItemOptions }\nexport { getHotkeyHandler }\n\nexport type HotkeyItem = [string, (event: KeyboardEvent) => void, HotkeyItemOptions?]\n\nfunction shouldFireEvent(event: KeyboardEvent, tagsToIgnore: string[], triggerOnContentEditable = false) {\n  if (event.target instanceof HTMLElement) {\n    if (triggerOnContentEditable) {\n      return !tagsToIgnore.includes(event.target.tagName)\n    }\n\n    return !event.target.isContentEditable && !tagsToIgnore.includes(event.target.tagName)\n  }\n\n  return true\n}\n\nexport function useHotkeys(\n  hotkeys: HotkeyItem[],\n  tagsToIgnore: string[] = ['INPUT', 'TEXTAREA', 'SELECT'],\n  triggerOnContentEditable = false\n) {\n  const handleKeydown = useEffectEvent((event: KeyboardEvent) => {\n    hotkeys.forEach(([hotkey, handler, options = { preventDefault: true, usePhysicalKeys: false }]) => {\n      if (\n        getHotkeyMatcher(hotkey, options.usePhysicalKeys)(event) &&\n        shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)\n      ) {\n        if (options.preventDefault) {\n          event.preventDefault()\n        }\n\n        handler(event)\n      }\n    })\n  })\n\n  useEffect(() => {\n    document.documentElement.addEventListener('keydown', handleKeydown)\n    return () => document.documentElement.removeEventListener('keydown', handleKeydown)\n  }, [])\n}\n\nexport namespace useHotkeys {\n  export type Hotkey = HotkeyItem\n}\n"],"mappings":"6FAcA,MAAM,EAAqC,CACzC,IAAK,QACL,UAAW,YACX,WAAY,aACZ,QAAS,UACT,UAAW,YACX,OAAQ,SACR,IAAK,SACL,IAAK,SACL,MAAO,QACP,IAAK,MACL,UAAW,YACX,OAAQ,SACR,OAAQ,SACR,KAAM,OACN,IAAK,MACL,OAAQ,SACR,SAAU,WACV,IAAK,OACL,IAAK,QACL,IAAK,WACL,IAAK,OACP,EAEA,SAAS,aAAa,EAAqB,CACzC,IAAM,EAAW,EAAI,QAAQ,MAAO,EAAE,CAAC,CAAC,YAAY,EACpD,OAAO,EAAW,IAAQ,CAC5B,CAEA,SAAgB,YAAY,EAAwB,CAClD,IAAM,EAAO,EACV,YAAY,CAAC,CACb,MAAM,GAAG,CAAC,CACV,IAAK,GAAS,EAAK,KAAK,CAAC,EAEtB,EAA+B,CACnC,IAAK,EAAK,SAAS,KAAK,EACxB,KAAM,EAAK,SAAS,MAAM,EAC1B,KAAM,EAAK,SAAS,MAAM,EAC1B,IAAK,EAAK,SAAS,KAAK,EACxB,MAAO,EAAK,SAAS,OAAO,CAC9B,EAEM,EAAe,CAAC,MAAO,OAAQ,OAAQ,QAAS,KAAK,EAErD,EAAU,EAAK,KAAM,GAAQ,CAAC,EAAa,SAAS,CAAG,CAAC,EAE9D,MAAO,CACL,GAAG,EACH,IAAK,IAAY,SAAW,IAAM,CACpC,CACF,CAEA,SAAS,cAAc,EAAgB,EAAsB,EAAoC,CAC/F,GAAM,CAAE,MAAK,OAAM,OAAM,MAAK,QAAO,OAAQ,EACvC,CAAE,SAAQ,UAAS,UAAS,WAAU,IAAK,EAAY,KAAM,GAAgB,EAEnF,GAAI,IAAQ,EACV,MAAO,GAGT,GAAI,EACE,IAAA,CAAC,GAAW,CAAC,EACf,MAAO,EAAA,MAMT,GAHI,IAAS,GAGT,IAAS,EACX,MAAO,GAgBX,OAbI,IAAU,GAId,GACE,IACC,EACG,aAAa,CAAW,IAAM,aAAa,CAAG,EAC9C,aAAa,GAAc,CAAW,IAAM,aAAa,CAAG,GAMpE,CAEA,SAAgB,iBAAiB,EAAgB,EAA6C,CAC5F,MAAQ,IAAU,cAAc,YAAY,CAAM,EAAG,EAAO,CAAe,CAC7E,CASA,SAAgB,iBAAiB,EAAuB,CACtD,MAAQ,IAA4D,CAClE,IAAM,EAAS,gBAAiB,EAAQ,EAAM,YAAc,EAC5D,EAAQ,SAAS,CAAC,EAAQ,EAAS,EAAU,CAAE,eAAgB,GAAM,gBAAiB,EAAM,KAAO,CAC7F,iBAAiB,EAAQ,EAAQ,eAAe,CAAC,CAAC,CAAM,IACtD,EAAQ,gBACV,EAAM,eAAe,EAGvB,EAAQ,CAAM,EAElB,CAAC,CACH,CACF,CCtHA,SAAS,gBAAgB,EAAsB,EAAwB,EAA2B,GAAO,CASvG,OARI,EAAM,kBAAkB,aACtB,GAIG,CAAC,EAAM,OAAO,oBAHZ,CAAC,EAAa,SAAS,EAAM,OAAO,OAAO,EAM/C,EACT,CAEA,SAAgB,WACd,EACA,EAAyB,CAAC,QAAS,WAAY,QAAQ,EACvD,EAA2B,GAC3B,CACA,IAAM,EAAgB,EAAgB,GAAyB,CAC7D,EAAQ,SAAS,CAAC,EAAQ,EAAS,EAAU,CAAE,eAAgB,GAAM,gBAAiB,EAAM,KAAO,CAE/F,iBAAiB,EAAQ,EAAQ,eAAe,CAAC,CAAC,CAAK,GACvD,gBAAgB,EAAO,EAAc,CAAwB,IAEzD,EAAQ,gBACV,EAAM,eAAe,EAGvB,EAAQ,CAAK,EAEjB,CAAC,CACH,CAAC,EAED,OACE,SAAS,gBAAgB,iBAAiB,UAAW,CAAa,MACrD,SAAS,gBAAgB,oBAAoB,UAAW,CAAa,GACjF,CAAC,CAAC,CACP"}
+{"version":3,"file":"use-hotkeys-YDJmGWX6.js","names":["keyNameMap","lowerKey","key","keys","hotkey","part","modifiers","reservedKeys","freeKey","pressedKey","pressedCode","event","alt","altKey","mod","ctrlKey","metaKey","ctrl","meta","shift","shiftKey","usePhysicalKeys","_event","hotkeys","handler","options","triggerOnContentEditable","tagsToIgnore","handleKeydown","useEffectEvent","useEffect"],"sources":["../src/utils/parse-hotkey.ts","../src/hooks/use-hotkeys.ts"],"sourcesContent":["export type KeyboardModifiers = {\n  alt: boolean\n  ctrl: boolean\n  meta: boolean\n  mod: boolean\n  shift: boolean\n}\n\nexport type Hotkey = KeyboardModifiers & {\n  key?: string\n}\n\ntype CheckHotkeyMatch = (event: KeyboardEvent) => boolean\n\nconst keyNameMap: Record<string, string> = {\n  ' ': 'space',\n  ArrowLeft: 'arrowleft',\n  ArrowRight: 'arrowright',\n  ArrowUp: 'arrowup',\n  ArrowDown: 'arrowdown',\n  Escape: 'escape',\n  Esc: 'escape',\n  esc: 'escape',\n  Enter: 'enter',\n  Tab: 'tab',\n  Backspace: 'backspace',\n  Delete: 'delete',\n  Insert: 'insert',\n  Home: 'home',\n  End: 'end',\n  PageUp: 'pageup',\n  PageDown: 'pagedown',\n  '+': 'plus',\n  '-': 'minus',\n  '*': 'asterisk',\n  '/': 'slash'\n}\n\nfunction normalizeKey(key: string): string {\n  const lowerKey = key.replace('Key', '').toLowerCase()\n  return keyNameMap[key] || lowerKey\n}\n\nexport function parseHotkey(hotkey: string): Hotkey {\n  const keys = hotkey\n    .toLowerCase()\n    .split('+')\n    .map((part) => part.trim())\n\n  const modifiers: KeyboardModifiers = {\n    alt: keys.includes('alt'),\n    ctrl: keys.includes('ctrl'),\n    meta: keys.includes('meta'),\n    mod: keys.includes('mod'),\n    shift: keys.includes('shift')\n  }\n\n  const reservedKeys = ['alt', 'ctrl', 'meta', 'shift', 'mod']\n\n  const freeKey = keys.find((key) => !reservedKeys.includes(key))\n\n  return {\n    ...modifiers,\n    key: freeKey === '[plus]' ? '+' : freeKey\n  }\n}\n\nfunction isExactHotkey(hotkey: Hotkey, event: KeyboardEvent, usePhysicalKeys?: boolean): boolean {\n  const { alt, ctrl, meta, mod, shift, key } = hotkey\n  const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey, code: pressedCode } = event\n\n  if (alt !== altKey) {\n    return false\n  }\n\n  if (mod) {\n    if (!ctrlKey && !metaKey) {\n      return false\n    }\n  } else {\n    if (ctrl !== ctrlKey) {\n      return false\n    }\n    if (meta !== metaKey) {\n      return false\n    }\n  }\n  if (shift !== shiftKey) {\n    return false\n  }\n\n  if (\n    key &&\n    (usePhysicalKeys\n      ? normalizeKey(pressedCode) === normalizeKey(key)\n      : normalizeKey(pressedKey ?? pressedCode) === normalizeKey(key))\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function getHotkeyMatcher(hotkey: string, usePhysicalKeys?: boolean): CheckHotkeyMatch {\n  return (event) => isExactHotkey(parseHotkey(hotkey), event, usePhysicalKeys)\n}\n\nexport type HotkeyItemOptions = {\n  preventDefault?: boolean\n  usePhysicalKeys?: boolean\n}\n\ntype HotkeyItem = [string, (event: unknown) => void, HotkeyItemOptions?]\n\nexport function getHotkeyHandler(hotkeys: HotkeyItem[]) {\n  return (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => {\n    const _event = 'nativeEvent' in event ? event.nativeEvent : event\n    hotkeys.forEach(([hotkey, handler, options = { preventDefault: true, usePhysicalKeys: false }]) => {\n      if (getHotkeyMatcher(hotkey, options.usePhysicalKeys)(_event)) {\n        if (options.preventDefault) {\n          event.preventDefault()\n        }\n\n        handler(_event)\n      }\n    })\n  }\n}\n","import { useEffect, useEffectEvent } from 'react'\n\nimport { getHotkeyHandler, getHotkeyMatcher, type HotkeyItemOptions } from '../utils/parse-hotkey'\n\nexport type { HotkeyItemOptions }\nexport { getHotkeyHandler }\n\nexport type HotkeyItem = [string, (event: KeyboardEvent) => void, HotkeyItemOptions?]\n\nfunction shouldFireEvent(event: KeyboardEvent, tagsToIgnore: string[], triggerOnContentEditable = false) {\n  if (event.target instanceof HTMLElement) {\n    if (triggerOnContentEditable) {\n      return !tagsToIgnore.includes(event.target.tagName)\n    }\n\n    return !event.target.isContentEditable && !tagsToIgnore.includes(event.target.tagName)\n  }\n\n  return true\n}\n\nexport function useHotkeys(\n  hotkeys: HotkeyItem[],\n  tagsToIgnore: string[] = ['INPUT', 'TEXTAREA', 'SELECT'],\n  triggerOnContentEditable = false\n) {\n  const handleKeydown = useEffectEvent((event: KeyboardEvent) => {\n    hotkeys.forEach(([hotkey, handler, options = { preventDefault: true, usePhysicalKeys: false }]) => {\n      if (\n        getHotkeyMatcher(hotkey, options.usePhysicalKeys)(event) &&\n        shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)\n      ) {\n        if (options.preventDefault) {\n          event.preventDefault()\n        }\n\n        handler(event)\n      }\n    })\n  })\n\n  useEffect(() => {\n    document.documentElement.addEventListener('keydown', handleKeydown)\n    return () => document.documentElement.removeEventListener('keydown', handleKeydown)\n  }, [])\n}\n\nexport namespace useHotkeys {\n  export type Hotkey = HotkeyItem\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uselets/ui",
-  "version": "1.20.3",
+  "version": "1.20.4",
   "type": "module",
   "license": "UNLICENSED",
   "private": false,
@@ -63,8 +63,8 @@
     "@base-ui/react": "1.8.0",
     "@fontsource-variable/inter": "^5.3.0",
     "@react-input/mask": "2.0.4",
-    "@tabler/icons-react": "^3.48.0",
-    "@tanstack/react-table": "9.2.4",
+    "@tabler/icons-react": "^3.49.0",
+    "@tanstack/react-table": "9.2.6",
     "@uselets/tokens": "0.2.0",
     "class-variance-authority": "^0.7.1",
     "cmdk": "1.1.1",
@@ -74,13 +74,13 @@
     "embla-carousel-react": "^8.6.0",
     "input-otp": "1.5.0",
     "next-themes": "0.4.6",
-    "radix-ui": "1.6.7",
-    "react-day-picker": "10.0.1",
+    "radix-ui": "1.7.0",
+    "react-day-picker": "10.0.2",
     "react-dropzone": "20.1.2",
     "react-phone-number-input": "^3.4.18",
-    "react-resizable-panels": "4.13.2",
+    "react-resizable-panels": "4.14.2",
     "recharts": "^3.10.1",
-    "shadcn": "4.21.0",
+    "shadcn": "4.21.3",
     "sonner": "2.0.8"
   },
   "peerDependencies": {
@@ -91,16 +91,16 @@
     "@bosh-code/tsdown-plugin-tailwindcss": "1.0.1",
     "@tailwindcss/postcss": "4.3.3",
     "@testing-library/react": "16.3.3",
-    "@vitest/coverage-v8": "5.0.1",
+    "@vitest/coverage-v8": "5.0.3",
     "@tsdown/css": "0.23.0",
-    "@turbo/gen": "2.11.3",
-    "@types/node": "26.6.2",
+    "@turbo/gen": "2.11.7",
+    "@types/node": "26.6.4",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
-    "jsdom": "30.1.1",
+    "jsdom": "30.1.2",
     "tailwindcss": "4.3.3",
     "tsdown": "0.23.0",
     "typescript": "7.0.2",
-    "vitest": "5.0.1"
+    "vitest": "5.0.3"
   }
 }

package/skills/uselets-ui/SKILL.md

@@ -53,6 +53,7 @@ To set up a consumer project after installing `@uselets/ui`, run `bun uselets in
   app's entry file (`import '@fontsource-variable/inter'` in `app/layout.tsx`, `pages/_app.tsx`, or `src/main.tsx`),
   not via `@import` in CSS — some bundlers, including Next.js, don't resolve third-party CSS `@import`s reliably.
 - Recommend `@uselets/ui/postcss.config` when the app needs the package PostCSS preset for Tailwind v4.
+- For Vite apps, `@tailwindcss/vite` (registered in `vite.config.ts`, no `postcss.config.mjs`) is a valid alternative to PostCSS; prefer it when the project uses isolated installs (pnpm, Bun workspaces). See `references/package-guide.md`.
 - For tooltip-heavy apps, wrap the app with `TooltipProvider`; use `Tooltip label={...}` for common trigger/content usage and `TooltipRoot` only when manual composition is needed.
 - Use `UnstyledButton` when button semantics are needed without `Button` variants; it provides reset styles, pointer cursor, focus ring, default `type="button"`, and `asChild`.
 - For toast usage, mount `Toaster` near the app root before calling `toast(...)`.

package/skills/uselets-ui/references/package-guide.md

@@ -121,6 +121,22 @@ If the app needs Tailwind v4 PostCSS setup, reuse the package preset:
 export { default } from '@uselets/ui/postcss.config'
 ```
 
+Vite apps may use `@tailwindcss/vite` instead of PostCSS (use one integration, never both):
+
+- Install `tailwindcss` and `@tailwindcss/vite`; register `tailwindcss()` in `plugins` of `vite.config.ts`; do not create `postcss.config.mjs`.
+- Prefer `@tailwindcss/vite` when the project uses isolated installs (pnpm, Bun workspaces). With `@tailwindcss/postcss` under Vite plus isolated installs, the build fails with `Can't resolve 'tailwind-scrollbar'` because the theme's `@plugin` is resolved from the app's stylesheet. Fix by switching to `@tailwindcss/vite` (or adding `tailwind-scrollbar` to the app's dependencies).
+- Non-Vite bundlers (for example Next.js) keep `@tailwindcss/postcss` with `@uselets/ui/postcss.config`.
+
+```ts
+// vite.config.ts
+import tailwindcss from '@tailwindcss/vite'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [tailwindcss()]
+})
+```
+
 When the app uses installed `@uselets/ui` components, add a Tailwind source directive so component classes from the package are generated:
 
 ```css