@weasel-js/labkit 1.0.0 → 1.0.2

package/dist/ui/layers/index.js

@@ -1,5 +1,5 @@
-export { LayerStack } from '../../chunk-HNXVLKBG.js';
-import '../../chunk-FP5LYDVX.js';
-import '../../chunk-XVBXYKFJ.js';
+export { LayerStack } from '../../chunk-2ZRE7WGQ.js';
+import '../../chunk-R4TACNW7.js';
+import '../../chunk-3P56ZCCJ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasel-js/labkit",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "React widgets for building self-contained interactive lab pages",
   "license": "MIT",
   "author": "orochi235",
@@ -76,7 +76,7 @@
     "build": "tsup && npm run build:dts && npm run build:css && npm run build:fonts",
     "build:dts": "tsx scripts/build-dts.mts",
     "prepublishOnly": "npm run build",
-    "build:css": "lessc src/styles.less dist/styles.css",
+    "build:css": "node scripts/build-css.mjs",
     "build:fonts": "mkdir -p dist/fonts && cp ../theme/fonts/*.woff2 dist/fonts/",
     "test": "vitest run",
     "test:watch": "vitest",

package/src/lab/Lab.tsx

@@ -1,13 +1,12 @@
+import { ThemeProvider } from '@weasel-js/theme/react';
 import { type CSSProperties, type ReactNode, useEffect, useMemo, useRef } from 'react';
 import { useStore } from 'zustand/react';
-import { ThemeProvider } from '@weasel-js/theme/react';
 import type { Instrument } from '../instrument/types';
 import { noneAdapter } from '../state/adapters';
 import { LabStoreContext } from '../state/context';
 import { createLabStore, type LabStore } from '../state/store';
 import type { LabMode, StorageAdapter, WorkspaceRecord } from '../state/types';
 import { interstellarTheme } from '../theme/interstellar';
-import { useResolvedMode } from './useSystemMode';
 import { Workspace } from '../workspace/Workspace';
 import {
   addWorkspace as addWorkspaceOp,
@@ -17,6 +16,7 @@ import {
 } from '../workspace/workspaceOps';
 import { LabContext, type LabContextValue } from './LabContext';
 import { LabShell } from './LabShell';
+import { useResolvedMode } from './useSystemMode';
 import { WorkspaceGrid } from './WorkspaceGrid';
 
 export interface LabProps {

package/src/lab/LabShell.tsx

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import { ThemeProvider, useThemeOptional } from '@weasel-js/theme/react';
+import type { ReactNode } from 'react';
 import type { LabMode } from '../state/types';
 import { interstellarTheme } from '../theme/interstellar';
 import { useResolvedMode } from './useSystemMode';

package/src/passthrough/weasel-ui.ts

@@ -109,6 +109,8 @@ export {
   type RangeSliderProps,
   type ReorderDragHandlers,
   type ReorderDragState,
+  type RovingItem,
+  type RovingTabIndex,
   Select,
   SelectItem,
   type SelectItemProps,
@@ -146,5 +148,7 @@ export {
   type ToolPaletteProps,
   type TrackCtx,
   type UseReorderDragListOptions,
+  type UseRovingTabIndexOptions,
   useReorderDragList,
+  useRovingTabIndex,
 } from '@weasel-js/ui';

package/src/theme/Interstellar.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { useTheme } from '@weasel-js/theme/react';
 import type { TokenName } from '@weasel-js/theme';
+import { useTheme } from '@weasel-js/theme/react';
 import {
   CheckboxRow,
   ColorRow,

package/src/theme/interstellar.test.ts

@@ -1,5 +1,5 @@
-import { describe, expect, it } from 'vitest';
 import { resolveTheme } from '@weasel-js/theme';
+import { describe, expect, it } from 'vitest';
 import { interstellarTheme } from './interstellar';
 
 describe('interstellarTheme', () => {

package/src/ui/properties/PropertyPanel.stories.tsx

@@ -24,7 +24,6 @@ interface DemoArgs {
 
 const meta: Meta<DemoArgs> = {
   title: 'labkit/UI/Properties/PropertyPanel',
-  component: PropertyPanel,
   argTypes: {
     title: { control: 'text' },
     pack: {