@umituz/web-design-system 6.6.0 → 6.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-design-system",
-  "version": "6.6.0",
+  "version": "6.7.0",
   "private": false,
   "type": "module",
   "description": "Web Design System - Tailwind v4 authored, precompiled CSS shipped. Atomic Design components (Atoms, Molecules, Organisms, Templates) for React applications.",
@@ -20,6 +20,7 @@
     "./hooks": "./src/presentation/hooks/index.ts",
     "./molecules": "./src/presentation/molecules/index.ts",
     "./organisms": "./src/presentation/organisms/index.ts",
+    "./page-kit": "./src/presentation/page-kit/index.ts",
     "./package.json": "./package.json",
     "./source.css": "./src/styles/source.css",
     "./styles.css": "./dist/styles.css",

package/src/__tests__/page-kit.test.ts

@@ -0,0 +1,42 @@
+import { describe, expect, it } from 'vitest';
+import * as pageKit from '../presentation/page-kit';
+
+const COMPONENTS = [
+  'PageHeader',
+  'SectionHeader',
+  'FilterBar',
+  'FilterSelect',
+  'FilterPanel',
+  'FilterSection',
+  'CheckFilterList',
+  'SingleSelectFilterList',
+  'TabNav',
+  'NextSteps',
+] as const;
+
+describe('page-kit barrel', () => {
+  it('exports every page scaffolding component as a renderable', () => {
+    for (const name of COMPONENTS) {
+      expect(['function', 'object'], `pageKit.${name}`).toContain(typeof pageKit[name]);
+    }
+  });
+
+  it('exports the full surface with no extra values beyond the documented kit', () => {
+    const record = pageKit as unknown as Record<string, unknown>;
+    const valueNames = Object.keys(record).filter((k) => record[k] !== undefined);
+    expect(valueNames.sort()).toEqual([...COMPONENTS].sort());
+  });
+
+  it('re-exports the same bindings as their layer barrels', async () => {
+    const templates = await import('../presentation/templates');
+    const molecules = await import('../presentation/molecules');
+    const organisms = await import('../presentation/organisms');
+    expect(pageKit.PageHeader).toBe(templates.PageHeader);
+    expect(pageKit.SectionHeader).toBe(templates.SectionHeader);
+    expect(pageKit.FilterSelect).toBe(molecules.FilterSelect);
+    expect(pageKit.TabNav).toBe(molecules.TabNav);
+    expect(pageKit.FilterBar).toBe(organisms.FilterBar);
+    expect(pageKit.FilterPanel).toBe(organisms.FilterPanel);
+    expect(pageKit.NextSteps).toBe(organisms.NextSteps);
+  });
+});

package/src/presentation/page-kit/index.ts

@@ -0,0 +1,26 @@
+export { FilterBar } from '../organisms/FilterBar';
+export type { FilterBarProps, FilterBarSearch } from '../organisms/FilterBar';
+
+export { FilterSelect } from '../molecules/FilterSelect';
+export type { FilterSelectProps, FilterSelectOption } from '../molecules/FilterSelect';
+
+export { PageHeader } from '../templates/PageHeader';
+export type { PageHeaderProps, PageHeaderCrumb, TextAlign, HeaderSize } from '../templates/PageHeader';
+
+export { SectionHeader } from '../templates/SectionHeader';
+export type { SectionHeaderProps } from '../templates/SectionHeader';
+
+export { TabNav } from '../molecules/TabNav';
+export type { TabNavItem, TabNavProps } from '../molecules/TabNav';
+
+export { FilterPanel, FilterSection, CheckFilterList, SingleSelectFilterList } from '../organisms/FilterPanel';
+export type {
+  FilterPanelProps,
+  FilterSectionProps,
+  FilterListOption,
+  CheckFilterListProps,
+  SingleSelectFilterListProps,
+} from '../organisms/FilterPanel';
+
+export { NextSteps } from '../organisms/NextSteps';
+export type { NextStepsProps, NextStepLink } from '../organisms/NextSteps';