@navecss/base-ui 0.0.0-stage → 0.2.0

package/dist/toolbar/parts.generated.d.ts

@@ -0,0 +1,36 @@
+import type { ReactElement, RefAttributes } from 'react';
+import { Toolbar as Base } from '@base-ui/react/toolbar';
+import { type VariantProps } from '../part.ts';
+export declare const Separator: typeof Base.Separator;
+export declare namespace Separator {
+    type State = Base.Separator.State;
+    type Props = Base.Separator.Props;
+}
+export declare const Root: typeof Base.Root;
+export declare namespace Root {
+    type ItemMetadata = Base.Root.ItemMetadata;
+    type Orientation = Base.Root.Orientation;
+    type State = Base.Root.State;
+    type Props = Base.Root.Props;
+}
+export declare const Group: typeof Base.Group;
+export declare namespace Group {
+    type State = Base.Group.State;
+    type Props = Base.Group.Props;
+}
+export declare const Button: (props: Omit<Base.Button.Props, 'ref'> & RefAttributes<HTMLButtonElement> & VariantProps) => ReactElement;
+export declare namespace Button {
+    type State = Base.Button.State;
+    type Props = Base.Button.Props & VariantProps;
+}
+export declare const Link: typeof Base.Link;
+export declare namespace Link {
+    type State = Base.Link.State;
+    type Props = Base.Link.Props;
+}
+export declare const Input: typeof Base.Input;
+export declare namespace Input {
+    type State = Base.Input.State;
+    type Props = Base.Input.Props;
+}
+export type Orientation = Base.Orientation;

package/dist/toolbar/parts.generated.js

@@ -0,0 +1,9 @@
+'use client';
+import { Toolbar as Base } from '@base-ui/react/toolbar';
+import { wrapPart, wrapVariantPart } from "../part.js";
+export const Separator = /*#__PURE__*/ (() => wrapPart(Base.Separator, 'nave-base-ui-toolbar-separator'))();
+export const Root = /*#__PURE__*/ (() => wrapPart(Base.Root, 'nave-base-ui-toolbar'))();
+export const Group = /*#__PURE__*/ (() => wrapPart(Base.Group, 'nave-base-ui-toolbar-group'))();
+export const Button = /*#__PURE__*/ (() => wrapVariantPart(Base.Button, 'nave-base-ui-button'))();
+export const Link = /*#__PURE__*/ (() => wrapPart(Base.Link, 'nave-base-ui-toolbar-link'))();
+export const Input = /*#__PURE__*/ (() => wrapPart(Base.Input, 'nave-base-ui-input'))();

package/dist/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * as Tooltip from './parts.generated.ts';
+export type * from '@base-ui/react/tooltip';

package/dist/tooltip/index.js

@@ -0,0 +1,2 @@
+'use client';
+export * as Tooltip from "./parts.generated.js";

package/dist/tooltip/parts.generated.d.ts

@@ -0,0 +1,50 @@
+import type { ReactElement, RefAttributes } from 'react';
+import { Tooltip as Base } from '@base-ui/react/tooltip';
+import { type VariantProps } from '../part.ts';
+export declare const Root: typeof Base.Root;
+export declare namespace Root {
+    type State = Base.Root.State;
+    type Props<Payload = unknown> = Base.Root.Props<Payload>;
+    type Actions = Base.Root.Actions;
+    type ChangeEventReason = Base.Root.ChangeEventReason;
+    type ChangeEventDetails = Base.Root.ChangeEventDetails;
+}
+export declare const Trigger: <Payload>(props: Omit<Base.Trigger.Props<Payload>, 'ref'> & RefAttributes<HTMLElement> & VariantProps) => ReactElement;
+export type Trigger = typeof Trigger;
+export declare namespace Trigger {
+    type State = Base.Trigger.State;
+    type Props<Payload = unknown> = Base.Trigger.Props<Payload> & VariantProps;
+}
+export declare const Portal: typeof Base.Portal;
+export declare namespace Portal {
+    type State = Base.Portal.State;
+    type Props = Base.Portal.Props;
+}
+export declare const Positioner: typeof Base.Positioner;
+export declare namespace Positioner {
+    type State = Base.Positioner.State;
+    type Props = Base.Positioner.Props;
+}
+export declare const Popup: typeof Base.Popup;
+export declare namespace Popup {
+    type State = Base.Popup.State;
+    type Props = Base.Popup.Props;
+}
+export declare const Arrow: typeof Base.Arrow;
+export declare namespace Arrow {
+    type State = Base.Arrow.State;
+    type Props = Base.Arrow.Props;
+}
+export declare const Provider: typeof Base.Provider;
+export declare namespace Provider {
+    type State = Base.Provider.State;
+    type Props = Base.Provider.Props;
+}
+export declare const Viewport: typeof Base.Viewport;
+export declare namespace Viewport {
+    type Props = Base.Viewport.Props;
+    type State = Base.Viewport.State;
+}
+export declare const createHandle: typeof Base.createHandle;
+export declare const Handle: typeof Base.Handle;
+export type Handle<Payload> = Base.Handle<Payload>;

package/dist/tooltip/parts.generated.js

@@ -0,0 +1,13 @@
+'use client';
+import { Tooltip as Base } from '@base-ui/react/tooltip';
+import { wrapPart, wrapVariantPart } from "../part.js";
+export const Root = /*#__PURE__*/ (() => Base.Root)();
+export const Trigger = /*#__PURE__*/ (() => wrapVariantPart(Base.Trigger, 'nave-base-ui-button'))();
+export const Portal = /*#__PURE__*/ (() => Base.Portal)();
+export const Positioner = /*#__PURE__*/ (() => Base.Positioner)();
+export const Popup = /*#__PURE__*/ (() => wrapPart(Base.Popup, 'nave-base-ui-tooltip-popup nave-base-ui-tooltip-motion'))();
+export const Arrow = /*#__PURE__*/ (() => wrapPart(Base.Arrow, 'nave-base-ui-arrow nave-base-ui-arrow-inline'))();
+export const Provider = /*#__PURE__*/ (() => Base.Provider)();
+export const Viewport = /*#__PURE__*/ (() => Base.Viewport)();
+export const createHandle = /*#__PURE__*/ (() => Base.createHandle)();
+export const Handle = /*#__PURE__*/ (() => Base.Handle)();

package/package.json

@@ -1,6 +1,262 @@
 {
   "name": "@navecss/base-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "NaveCSS styles Base UI's components with Nave's tokens: the same parts, the same props, pre-styled.",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog/index.d.ts",
+      "import": "./dist/dialog/index.js",
+      "default": "./dist/dialog/index.js"
+    },
+    "./popover": {
+      "types": "./dist/popover/index.d.ts",
+      "import": "./dist/popover/index.js",
+      "default": "./dist/popover/index.js"
+    },
+    "./menu": {
+      "types": "./dist/menu/index.d.ts",
+      "import": "./dist/menu/index.js",
+      "default": "./dist/menu/index.js"
+    },
+    "./select": {
+      "types": "./dist/select/index.d.ts",
+      "import": "./dist/select/index.js",
+      "default": "./dist/select/index.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip/index.d.ts",
+      "import": "./dist/tooltip/index.js",
+      "default": "./dist/tooltip/index.js"
+    },
+    "./accordion": {
+      "types": "./dist/accordion/index.d.ts",
+      "import": "./dist/accordion/index.js",
+      "default": "./dist/accordion/index.js"
+    },
+    "./collapsible": {
+      "types": "./dist/collapsible/index.d.ts",
+      "import": "./dist/collapsible/index.js",
+      "default": "./dist/collapsible/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs/index.d.ts",
+      "import": "./dist/tabs/index.js",
+      "default": "./dist/tabs/index.js"
+    },
+    "./button": {
+      "types": "./dist/button/index.d.ts",
+      "import": "./dist/button/index.js",
+      "default": "./dist/button/index.js"
+    },
+    "./input": {
+      "types": "./dist/input/index.d.ts",
+      "import": "./dist/input/index.js",
+      "default": "./dist/input/index.js"
+    },
+    "./number-field": {
+      "types": "./dist/number-field/index.d.ts",
+      "import": "./dist/number-field/index.js",
+      "default": "./dist/number-field/index.js"
+    },
+    "./field": {
+      "types": "./dist/field/index.d.ts",
+      "import": "./dist/field/index.js",
+      "default": "./dist/field/index.js"
+    },
+    "./fieldset": {
+      "types": "./dist/fieldset/index.d.ts",
+      "import": "./dist/fieldset/index.js",
+      "default": "./dist/fieldset/index.js"
+    },
+    "./form": {
+      "types": "./dist/form/index.d.ts",
+      "import": "./dist/form/index.js",
+      "default": "./dist/form/index.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox/index.d.ts",
+      "import": "./dist/checkbox/index.js",
+      "default": "./dist/checkbox/index.js"
+    },
+    "./checkbox-group": {
+      "types": "./dist/checkbox-group/index.d.ts",
+      "import": "./dist/checkbox-group/index.js",
+      "default": "./dist/checkbox-group/index.js"
+    },
+    "./radio": {
+      "types": "./dist/radio/index.d.ts",
+      "import": "./dist/radio/index.js",
+      "default": "./dist/radio/index.js"
+    },
+    "./radio-group": {
+      "types": "./dist/radio-group/index.d.ts",
+      "import": "./dist/radio-group/index.js",
+      "default": "./dist/radio-group/index.js"
+    },
+    "./switch": {
+      "types": "./dist/switch/index.d.ts",
+      "import": "./dist/switch/index.js",
+      "default": "./dist/switch/index.js"
+    },
+    "./slider": {
+      "types": "./dist/slider/index.d.ts",
+      "import": "./dist/slider/index.js",
+      "default": "./dist/slider/index.js"
+    },
+    "./toggle": {
+      "types": "./dist/toggle/index.d.ts",
+      "import": "./dist/toggle/index.js",
+      "default": "./dist/toggle/index.js"
+    },
+    "./toggle-group": {
+      "types": "./dist/toggle-group/index.d.ts",
+      "import": "./dist/toggle-group/index.js",
+      "default": "./dist/toggle-group/index.js"
+    },
+    "./toolbar": {
+      "types": "./dist/toolbar/index.d.ts",
+      "import": "./dist/toolbar/index.js",
+      "default": "./dist/toolbar/index.js"
+    },
+    "./alert-dialog": {
+      "types": "./dist/alert-dialog/index.d.ts",
+      "import": "./dist/alert-dialog/index.js",
+      "default": "./dist/alert-dialog/index.js"
+    },
+    "./context-menu": {
+      "types": "./dist/context-menu/index.d.ts",
+      "import": "./dist/context-menu/index.js",
+      "default": "./dist/context-menu/index.js"
+    },
+    "./menubar": {
+      "types": "./dist/menubar/index.d.ts",
+      "import": "./dist/menubar/index.js",
+      "default": "./dist/menubar/index.js"
+    },
+    "./preview-card": {
+      "types": "./dist/preview-card/index.d.ts",
+      "import": "./dist/preview-card/index.js",
+      "default": "./dist/preview-card/index.js"
+    },
+    "./combobox": {
+      "types": "./dist/combobox/index.d.ts",
+      "import": "./dist/combobox/index.js",
+      "default": "./dist/combobox/index.js"
+    },
+    "./autocomplete": {
+      "types": "./dist/autocomplete/index.d.ts",
+      "import": "./dist/autocomplete/index.js",
+      "default": "./dist/autocomplete/index.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/index.d.ts",
+      "import": "./dist/toast/index.js",
+      "default": "./dist/toast/index.js"
+    },
+    "./navigation-menu": {
+      "types": "./dist/navigation-menu/index.d.ts",
+      "import": "./dist/navigation-menu/index.js",
+      "default": "./dist/navigation-menu/index.js"
+    },
+    "./scroll-area": {
+      "types": "./dist/scroll-area/index.d.ts",
+      "import": "./dist/scroll-area/index.js",
+      "default": "./dist/scroll-area/index.js"
+    },
+    "./meter": {
+      "types": "./dist/meter/index.d.ts",
+      "import": "./dist/meter/index.js",
+      "default": "./dist/meter/index.js"
+    },
+    "./progress": {
+      "types": "./dist/progress/index.d.ts",
+      "import": "./dist/progress/index.js",
+      "default": "./dist/progress/index.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar/index.d.ts",
+      "import": "./dist/avatar/index.js",
+      "default": "./dist/avatar/index.js"
+    },
+    "./separator": {
+      "types": "./dist/separator/index.d.ts",
+      "import": "./dist/separator/index.js",
+      "default": "./dist/separator/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@base-ui/react": "1.8.0",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/node": "^26.6.4",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitest/browser": "5.0.3",
+    "@vitest/browser-playwright": "5.0.3",
+    "@vitest/coverage-v8": "5.0.3",
+    "base-ui-react-1.4.0": "npm:@base-ui/react@1.4.0",
+    "base-ui-react-1.5.0": "npm:@base-ui/react@1.5.0",
+    "base-ui-react-1.6.0": "npm:@base-ui/react@1.6.0",
+    "base-ui-react-1.7.0": "npm:@base-ui/react@1.7.0",
+    "base-ui-react-floor": "npm:@base-ui/react@1.3.0",
+    "esbuild": "^0.28.1",
+    "jsdom": "^30.1.2",
+    "playwright": "1.63.0",
+    "postcss": "^8.5.28",
+    "postcss-selector-parser": "^7.1.6",
+    "postcss-value-parser": "^4.2.0",
+    "react": "^19.3.0",
+    "react-18": "npm:react@^18.3.1",
+    "react-dom": "^19.3.0",
+    "react-dom-18": "npm:react-dom@^18.3.1",
+    "rolldown": "1.2.12",
+    "typescript": "6.0.3",
+    "vite": "8.3.3",
+    "vitest": "5.0.3",
+    "@navecss/core": "0.4.0",
+    "@navecss/tokens": "0.4.0"
+  },
+  "engines": {
+    "node": ">=22.18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/navecss/navecss.git",
+    "directory": "packages/base-ui"
+  },
+  "bugs": {
+    "url": "https://github.com/navecss/navecss/issues"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "peerDependencies": {
+    "@base-ui/react": "^1.3.0",
+    "@navecss/tokens": ">=0.4.0 <1.0.0",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "scripts": {
+    "build": "node scripts/build-styles.ts && tsc -p tsconfig.build.json",
+    "generate": "node scripts/generate-wrappers.ts",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src styles scripts test --max-warnings 0",
+    "lint:fix": "eslint src styles scripts test --fix",
+    "test": "vitest run",
+    "test:browser": "vitest run --config vitest.browser.config.ts",
+    "check:pack": "node ../../scripts/without-dry-run.mjs publint && node ../../scripts/without-dry-run.mjs attw --pack . --profile esm-only --exclude-entrypoints styles.css"
+  }
 }