@weasel-js/labkit 1.5.1 → 1.6.0

package/src/primitives/Sidebar.stories.tsx

@@ -1,38 +0,0 @@
-import type { Meta, StoryObj } from '@weasel-js/forge';
-import { useState } from 'react';
-import { Sidebar } from './Sidebar';
-
-const meta: Meta<typeof Sidebar> = {
-  title: 'labkit/Primitives/Sidebar',
-  component: Sidebar,
-};
-export default meta;
-
-type Story = StoryObj<typeof Sidebar>;
-
-export const Default: Story = {
-  render: () => (
-    <div style={{ display: 'flex', height: 400 }}>
-      <div style={{ flex: 1 }}>main content area</div>
-      <Sidebar title="Controls">
-        <p>One slider here</p>
-        <p>Another slider</p>
-      </Sidebar>
-    </div>
-  ),
-};
-
-export const Collapsible: Story = {
-  render: function Render() {
-    const [collapsed, setCollapsed] = useState(false);
-    return (
-      <div style={{ display: 'flex', height: 400 }}>
-        <div style={{ flex: 1, padding: 16 }}>main content area</div>
-        <Sidebar title="Controls" collapsed={collapsed} onToggle={() => setCollapsed((c) => !c)}>
-          <p>One slider here</p>
-          <p>Another slider</p>
-        </Sidebar>
-      </div>
-    );
-  },
-};

package/src/primitives/Sidebar.test.tsx

@@ -1,74 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { describe, expect, test } from 'vitest';
-import { Sidebar } from './Sidebar';
-
-describe('Sidebar', () => {
-  test('renders children when expanded (default)', () => {
-    render(
-      <Sidebar>
-        <p>content</p>
-      </Sidebar>,
-    );
-    expect(screen.getByText('content')).toBeInTheDocument();
-  });
-
-  test('renders title when provided', () => {
-    render(
-      <Sidebar title="Controls">
-        <p>x</p>
-      </Sidebar>,
-    );
-    expect(screen.getByText('Controls')).toBeInTheDocument();
-  });
-
-  test('marks the sidebar collapsed and nests body inside the collapsed root', () => {
-    const { container } = render(
-      <Sidebar collapsed>
-        <p>content</p>
-      </Sidebar>,
-    );
-    const root = container.querySelector('.lk-sidebar');
-    const body = container.querySelector('.lk-sidebar-body');
-    expect(root).not.toBeNull();
-    expect(body).not.toBeNull();
-    expect(root?.classList.contains('lk-sidebar--collapsed')).toBe(true);
-    // Body is still rendered (children stay in DOM), but lives inside the collapsed
-    // root so the CSS rule `.lk-sidebar--collapsed .lk-sidebar-body { display:none }` applies.
-    expect(body?.parentElement).toBe(root);
-    expect(body?.textContent).toBe('content');
-  });
-
-  test('toggle button calls onToggle when clicked', () => {
-    let toggled = false;
-    render(
-      <Sidebar
-        title="C"
-        onToggle={() => {
-          toggled = true;
-        }}
-      >
-        <p>x</p>
-      </Sidebar>,
-    );
-    screen.getByRole('button', { name: /collapse|expand/i }).click();
-    expect(toggled).toBe(true);
-  });
-
-  test('shows expand label when collapsed', () => {
-    render(
-      <Sidebar title="C" collapsed onToggle={() => {}}>
-        <p>x</p>
-      </Sidebar>,
-    );
-    expect(screen.getByRole('button', { name: /expand/i })).toBeInTheDocument();
-  });
-
-  test('shows collapse label when expanded', () => {
-    render(
-      <Sidebar title="C" onToggle={() => {}}>
-        <p>x</p>
-      </Sidebar>,
-    );
-    expect(screen.getByRole('button', { name: /collapse/i })).toBeInTheDocument();
-  });
-});

package/src/primitives/Sidebar.tsx

@@ -1,35 +0,0 @@
-import type { ReactNode } from 'react';
-
-/** Props for `<Sidebar>`. */
-export interface SidebarProps {
-  children: ReactNode;
-  title?: string;
-  collapsed?: boolean;
-  onToggle?: () => void;
-}
-
-/** A collapsible side panel with an optional title. Collapse state is the
- *  caller's to hold. */
-export function Sidebar({ children, title, collapsed = false, onToggle }: SidebarProps) {
-  const className = `lk-sidebar${collapsed ? ' lk-sidebar--collapsed' : ''}`;
-  return (
-    <aside className={className}>
-      {(title || onToggle) && (
-        <div className="lk-sidebar-header">
-          {title && <span className="lk-sidebar-title">{title}</span>}
-          {onToggle && (
-            <button
-              type="button"
-              className="lk-sidebar-toggle"
-              onClick={onToggle}
-              aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
-            >
-              {collapsed ? '›' : '‹'}
-            </button>
-          )}
-        </div>
-      )}
-      <div className="lk-sidebar-body">{children}</div>
-    </aside>
-  );
-}

package/src/ui/layers/index.ts

@@ -1,5 +0,0 @@
-// LayerStack lives in `@weasel-js/ui` now; labkit re-exports it so existing
-// `@weasel-js/labkit/ui/layers` imports keep resolving. Named, not `export *`
-// — a star re-export of an external package emits no binding in the bundle.
-export type { LayerStackItem, LayerStackProps } from '@weasel-js/ui';
-export { LayerStack } from '@weasel-js/ui';