neba 1.10.0 → 1.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neba",
-  "version": "1.10.0",
+  "version": "1.12.0",
   "description": "A comprehensive React UI component library — buttons, fields, menus, dialogs, tables and much more — accessible and themeable, sharing one prop vocabulary and a translucent acrylic design language. ESM only, types included, dark mode built in.",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -18,7 +18,8 @@
     "url": "https://github.com/jooy2/neba/issues"
   },
   "scripts": {
-    "build": "npm run format:fix && tsc --project tsconfig.prod.json && node scripts/annotate-pure.mjs && npm run minify && node scripts/build-styles.mjs",
+    "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"",
+    "build": "npm run clean && npm run format:fix && tsc --project tsconfig.prod.json && node scripts/annotate-pure.mjs && npm run minify && node scripts/build-styles.mjs",
     "lint": "eslint . --report-unused-disable-directives",
     "lint:fix": "eslint . --report-unused-disable-directives --fix",
     "minify": "terser-glob 'dist/**/*.js' --config-file terser.config.json",
@@ -29,9 +30,9 @@
     "format:fix": "prettier . --write",
     "docs:changelog": "node scripts/copy-changelog.mjs",
     "docs:dev": "npm run docs:changelog && vitepress dev docs",
-    "docs:build": "npm run docs:changelog && vitepress build docs",
+    "docs:build": "npm run docs:changelog && node --max-old-space-size=8192 ./node_modules/vitepress/bin/vitepress.js build docs",
     "docs:serve": "npm run docs:build && vitepress serve docs",
-    "test": "vitest run",
+    "test": "node scripts/run-tests.mjs",
     "test:watch": "vitest",
     "typecheck": "tsc --project tsconfig.prod.json --noEmit && tsc --project test/tsconfig.json && tsc --project docs/tsconfig.json"
   },
@@ -50,6 +51,11 @@
       "module": "./dist/types.js",
       "default": "./dist/types.js"
     },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "module": "./dist/hooks/index.js",
+      "default": "./dist/hooks/index.js"
+    },
     "./locales": {
       "types": "./dist/locales/index.d.ts",
       "module": "./dist/locales/index.js",
@@ -133,21 +139,21 @@
   "devDependencies": {
     "@eslint/js": "^9.39.1",
     "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.4.0",
+    "@types/node": "^26.4.1",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.5",
-    "@typescript-eslint/parser": "^8.68.0",
+    "@types/react-dom": "^19.2.7",
+    "@typescript-eslint/parser": "^8.69.0",
     "@vitejs/plugin-react": "^6.1.1",
-    "@vitest/browser": "^4.1.11",
-    "@vitest/browser-playwright": "^4.1.11",
+    "@vitest/browser": "^5.0.0",
+    "@vitest/browser-playwright": "^5.0.0",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-n": "^18.3.0",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "globals": "^17.11.0",
+    "globals": "^17.12.0",
     "jiti": "^2.7.0",
-    "playwright": "^1.62.1",
-    "postcss": "^8.5.26",
+    "playwright": "^1.63.0",
+    "postcss": "^8.5.28",
     "prettier": "^3.9.6",
     "prettier-plugin-tailwindcss": "^0.8.1",
     "react": "^19.2.8",
@@ -156,16 +162,16 @@
     "terser-glob": "^1.2.1",
     "tsx": "^4.23.13",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.68.0",
+    "typescript-eslint": "^8.69.0",
     "vite": "^8.2.2",
     "vitepress": "^1.6.4",
     "vitepress-i18n": "^1.4.0",
-    "vitepress-sidebar": "^1.39.0",
-    "vitest": "^4.1.11",
-    "vitest-browser-react": "^2.2.0"
+    "vitepress-sidebar": "^1.40.0",
+    "vitest": "^5.0.0",
+    "vitest-browser-react": "^2.3.0"
   },
   "dependencies": {
-    "@base-ui/react": "^1.7.0",
+    "@base-ui/react": "^1.8.0",
     "highlight.js": "^11.12.0"
   },
   "peerDependencies": {

package/dist/components/avatar-group/AvatarGroup.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { type AvatarShape } from '../avatar/Avatar.js';
-import type { NebaColor, NebaElevation, NebaSize, NebaVariant } from '../../types.js';
-export interface AvatarGroupProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'> {
-    /**
-     * How many avatars are drawn before the rest become a count. Left out, every
-     * one of them is drawn.
-     */
-    max?: number;
-    /**
-     * How many there are altogether, when the group was handed only the first
-     * few. Without it the count is worked out from the children, which is right
-     * only when all of them were passed.
-     */
-    total?: number;
-    /**
-     * How far each avatar sits under the one before it — a CSS length, or a
-     * number of pixels. Left out it is a fraction of `size`, which keeps the
-     * overlap looking the same at every step.
-     */
-    overlap?: number | string;
-    /** Passed to every avatar in the group. @default 'md' */
-    size?: NebaSize;
-    /** Passed to every avatar in the group. @default 'circle' */
-    shape?: AvatarShape;
-    /** Passed to every avatar in the group. @default 'text' */
-    variant?: NebaVariant;
-    /** Passed to every avatar in the group. @default 'primary' */
-    color?: NebaColor;
-    /** Passed to every avatar in the group. @default 0 */
-    elevation?: NebaElevation;
-    /** The avatars. */
-    children?: React.ReactNode;
-}
-/**
- * A stack of avatars, overlapping, with the ones that did not fit as a count.
- *
- * `size`, `shape`, `variant`, `color` and `elevation` are set once here rather
- * than on every avatar — a stack whose fourth face is a size out is not a stack
- * — and an avatar's own prop still wins, which is what lets one of them be
- * marked out from the rest.
- *
- * The order is the DOM order, and the first avatar is on top: a stack read
- * left to right is read front to back, so the one the group is *about* comes
- * first rather than last.
- */
-export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/avatar-group/AvatarGroup.js

@@ -1 +0,0 @@
-"use client";import{jsx as r,jsxs as e}from"react/jsx-runtime";import*as a from"react";import{Avatar as t}from"../avatar/Avatar.js";import{AvatarGroupContext as i}from"../../internal/avatar-group.js";import{cx as n}from"../../internal/styles.js";const l={xs:"0.375rem",sm:"0.5rem",md:"0.625rem",lg:"0.75rem",xl:"0.875rem"};export const AvatarGroup=/*@__PURE__*/a.forwardRef(function({max:o,total:s,overlap:m,size:c="md",shape:v="circle",variant:p="text",color:f="primary",elevation:d=0,className:x,style:h,children:u,...g},j){const y=a.useMemo(()=>({size:c,shape:v,variant:p,color:f,elevation:d}),[c,v,p,f,d]),A=a.Children.toArray(u),M=void 0===o?A:A.slice(0,Math.max(0,o)),b=s??A.length,z=Math.max(0,b-M.length);return r(i.Provider,{value:y,children:e("div",{ref:j,className:n("isolate inline-flex items-center","[&>*:not(:first-child)]:[margin-inline-start:calc(var(--n-overlap)*-1)]","[&>*]:ring-2 [&>*]:ring-(--neba-surface)",x??""),style:{"--n-overlap":void 0===m?l[c]:"number"==typeof m?`${m}px`:m,...h},...g,children:[M,z>0?r(t,{initials:`+${z}`}):null]})})});

package/dist/components/avatar-group/index.d.ts

@@ -1,2 +0,0 @@
-export { AvatarGroup } from './AvatarGroup.js';
-export type { AvatarGroupProps } from './AvatarGroup.js';

package/dist/components/avatar-group/index.js

@@ -1 +0,0 @@
-export{AvatarGroup}from"./AvatarGroup.js";

package/dist/internal/avatar-group.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import type { AvatarShape } from '../components/avatar/Avatar.js';
-import type { NebaColor, NebaElevation, NebaSize, NebaVariant } from '../types.js';
-/**
- * What an Avatar inherits from the AvatarGroup around it.
- *
- * `button-group.ts`'s arrangement, one component over and for the same reason:
- * a stack of avatars where the fourth one is a size out is not a stack, and
- * `React.Children.map` with `cloneElement` stops working the moment a caller
- * wraps one of them in a Tooltip or produces them from a `.map()`.
- *
- * It lives here rather than in the avatar-group folder so that Avatar can read
- * it without the two components importing each other.
- */
-export interface AvatarGroupContextValue {
-    size?: NebaSize;
-    shape?: AvatarShape;
-    variant?: NebaVariant;
-    color?: NebaColor;
-    elevation?: NebaElevation;
-}
-export declare const AvatarGroupContext: React.Context<AvatarGroupContextValue | null>;

package/dist/internal/avatar-group.js

@@ -1 +0,0 @@
-"use client";import*as t from"react";export const AvatarGroupContext=/*@__PURE__*/t.createContext(null);