@tekton-ui/core 0.2.0

package/dist/layout-tokens/mobile-shells.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-shells.js","sourceRoot":"","sources":["../../src/layout-tokens/mobile-shells.ts"],"names":[],"mappings":"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"}

package/dist/layout-tokens/pages.d.ts

@@ -0,0 +1,100 @@
+/**
+ * @tekton-ui/core - Page Layout Token Definitions
+ * Concrete Page Layout Token implementations for various screen purposes
+ * [SPEC-LAYOUT-001] [PHASE-4]
+ */
+import type { PageLayoutToken, PagePurpose, SectionSlot } from './types.js';
+/**
+ * Job/Task execution page layout
+ * Suitable for form-based task execution with header, main form, and action buttons
+ */
+export declare const PAGE_JOB: PageLayoutToken;
+/**
+ * Resource management page layout (CRUD operations)
+ * Suitable for list-detail views with toolbar, list, and detail panel
+ */
+export declare const PAGE_RESOURCE: PageLayoutToken;
+/**
+ * Dashboard page layout for data overview
+ * Suitable for metrics, charts, and data tables
+ */
+export declare const PAGE_DASHBOARD: PageLayoutToken;
+/**
+ * Settings page layout for configuration
+ * Suitable for grouped form sections with sidebar navigation
+ */
+export declare const PAGE_SETTINGS: PageLayoutToken;
+/**
+ * Detail page layout for item focus
+ * Suitable for single item view with hero section, content, and related items
+ */
+export declare const PAGE_DETAIL: PageLayoutToken;
+/**
+ * Empty state page layout
+ * Suitable for empty states with illustration and call-to-action
+ */
+export declare const PAGE_EMPTY: PageLayoutToken;
+/**
+ * Wizard page layout for multi-step flows
+ * Suitable for multi-step processes with progress indicator, step content, and navigation
+ */
+export declare const PAGE_WIZARD: PageLayoutToken;
+/**
+ * Onboarding page layout for first-run experience
+ * Suitable for user onboarding with welcome, steps, and completion sections
+ */
+export declare const PAGE_ONBOARDING: PageLayoutToken;
+/**
+ * Get a page layout token by its ID
+ *
+ * @param pageId - Page layout token ID (e.g., "page.dashboard")
+ * @returns PageLayoutToken if found, undefined otherwise
+ *
+ * @example
+ * ```typescript
+ * const dashboard = getPageLayoutToken('page.dashboard');
+ * if (dashboard) {
+ *   console.log(dashboard.description);
+ * }
+ * ```
+ */
+export declare function getPageLayoutToken(pageId: string): PageLayoutToken | undefined;
+/**
+ * Get all available page layout tokens
+ *
+ * @returns Array of all PageLayoutTokens
+ *
+ * @example
+ * ```typescript
+ * const allPages = getAllPageLayoutTokens();
+ * console.log(`Available pages: ${allPages.length}`);
+ * ```
+ */
+export declare function getAllPageLayoutTokens(): PageLayoutToken[];
+/**
+ * Get page layout tokens filtered by purpose
+ *
+ * @param purpose - Page purpose type
+ * @returns Array of PageLayoutTokens with the specified purpose
+ *
+ * @example
+ * ```typescript
+ * const dashboards = getPagesByPurpose('dashboard');
+ * console.log(`Dashboard pages: ${dashboards.length}`);
+ * ```
+ */
+export declare function getPagesByPurpose(purpose: PagePurpose): PageLayoutToken[];
+/**
+ * Get section slots for a specific page layout
+ *
+ * @param pageId - Page layout token ID (e.g., "page.dashboard")
+ * @returns Array of SectionSlots for the page, or empty array if not found
+ *
+ * @example
+ * ```typescript
+ * const sections = getPageSections('page.dashboard');
+ * console.log(`Dashboard sections: ${sections.length}`);
+ * ```
+ */
+export declare function getPageSections(pageId: string): SectionSlot[];
+//# sourceMappingURL=pages.d.ts.map

package/dist/layout-tokens/pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages.d.ts","sourceRoot":"","sources":["../../src/layout-tokens/pages.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAM5E;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,eAqDtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,eAwD3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,eAoD5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,eAwD3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,eAyDzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,eAoDxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,eAmEzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,eAoD7B,CAAC;AAyBF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAE9E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,IAAI,eAAe,EAAE,CAE1D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,eAAe,EAAE,CAEzE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,CAG7D"}

package/dist/layout-tokens/pages.js

@@ -0,0 +1,576 @@
+/**
+ * @tekton-ui/core - Page Layout Token Definitions
+ * Concrete Page Layout Token implementations for various screen purposes
+ * [SPEC-LAYOUT-001] [PHASE-4]
+ */
+// ============================================================================
+// Page Layout Token Definitions
+// ============================================================================
+/**
+ * Job/Task execution page layout
+ * Suitable for form-based task execution with header, main form, and action buttons
+ */
+export const PAGE_JOB = {
+    id: 'page.job',
+    description: 'Task execution page layout with header, main form, and action buttons',
+    purpose: 'job',
+    sections: [
+        {
+            name: 'header',
+            pattern: 'section.stack-start',
+            required: true,
+            allowedComponents: ['Breadcrumb', 'Heading', 'Text'],
+        },
+        {
+            name: 'form',
+            pattern: 'section.stack-start',
+            required: true,
+            allowedComponents: ['Form', 'Input', 'Select', 'Textarea', 'Checkbox', 'Radio'],
+        },
+        {
+            name: 'actions',
+            pattern: 'section.stack-end',
+            required: true,
+            allowedComponents: ['Button', 'ButtonGroup'],
+        },
+    ],
+    responsive: {
+        default: {
+            formWidth: '100%',
+            contentPadding: 'atomic.spacing.4',
+        },
+        md: {
+            formWidth: 'atomic.spacing.128',
+            contentPadding: 'atomic.spacing.6',
+        },
+        lg: {
+            formWidth: 'atomic.spacing.160',
+            contentPadding: 'atomic.spacing.8',
+        },
+        xl: {
+            formWidth: 'atomic.spacing.192',
+            contentPadding: 'atomic.spacing.10',
+        },
+        '2xl': {
+            formWidth: 'atomic.spacing.224',
+            contentPadding: 'atomic.spacing.12',
+        },
+    },
+    tokenBindings: {
+        background: 'semantic.background.page',
+        formBackground: 'semantic.background.surface',
+        headerSpacing: 'atomic.spacing.6',
+        formSpacing: 'atomic.spacing.4',
+        actionSpacing: 'atomic.spacing.4',
+    },
+};
+/**
+ * Resource management page layout (CRUD operations)
+ * Suitable for list-detail views with toolbar, list, and detail panel
+ */
+export const PAGE_RESOURCE = {
+    id: 'page.resource',
+    description: 'CRUD operations page layout with toolbar, list, and detail panel',
+    purpose: 'resource',
+    sections: [
+        {
+            name: 'toolbar',
+            pattern: 'section.stack-start',
+            required: true,
+            allowedComponents: ['Input', 'Button', 'Select', 'SearchField'],
+        },
+        {
+            name: 'list',
+            pattern: 'section.stack-start',
+            required: true,
+            allowedComponents: ['Table', 'List', 'Card', 'DataGrid'],
+        },
+        {
+            name: 'detail',
+            pattern: 'section.stack-start',
+            required: false,
+            allowedComponents: ['Card', 'Heading', 'Text', 'Button', 'Badge'],
+        },
+    ],
+    responsive: {
+        default: {
+            layout: 'stacked',
+            listColumns: 1,
+        },
+        md: {
+            layout: 'stacked',
+            listColumns: 1,
+        },
+        lg: {
+            layout: 'split',
+            listColumns: 1,
+            detailWidth: '30%',
+        },
+        xl: {
+            layout: 'split',
+            listColumns: 1,
+            detailWidth: '35%',
+        },
+        '2xl': {
+            layout: 'split',
+            listColumns: 1,
+            detailWidth: '40%',
+        },
+    },
+    tokenBindings: {
+        background: 'semantic.background.page',
+        toolbarBackground: 'semantic.background.surface',
+        listBackground: 'semantic.background.surface',
+        detailBackground: 'semantic.background.elevated',
+        sectionSpacing: 'atomic.spacing.6',
+    },
+};
+/**
+ * Dashboard page layout for data overview
+ * Suitable for metrics, charts, and data tables
+ */
+export const PAGE_DASHBOARD = {
+    id: 'page.dashboard',
+    description: 'Dashboard page layout with metrics, charts, and data tables',
+    purpose: 'dashboard',
+    sections: [
+        {
+            name: 'metrics',
+            pattern: 'section.grid-4',
+            required: true,
+            allowedComponents: ['Card', 'Stat', 'Metric'],
+        },
+        {
+            name: 'charts',
+            pattern: 'section.grid-2',
+            required: false,
+            allowedComponents: ['Chart', 'Graph', 'Card'],
+        },
+        {
+            name: 'tables',
+            pattern: 'section.container',
+            required: false,
+            allowedComponents: ['Table', 'DataGrid', 'List'],
+        },
+    ],
+    responsive: {
+        default: {
+            metricsColumns: 1,
+            chartsColumns: 1,
+        },
+        md: {
+            metricsColumns: 2,
+            chartsColumns: 1,
+        },
+        lg: {
+            metricsColumns: 4,
+            chartsColumns: 2,
+        },
+        xl: {
+            metricsColumns: 4,
+            chartsColumns: 3,
+        },
+        '2xl': {
+            metricsColumns: 6,
+            chartsColumns: 3,
+        },
+    },
+    tokenBindings: {
+        background: 'semantic.background.page',
+        cardBackground: 'semantic.background.surface',
+        sectionSpacing: 'atomic.spacing.6',
+        contentMaxWidth: 'atomic.spacing.320',
+    },
+};
+/**
+ * Settings page layout for configuration
+ * Suitable for grouped form sections with sidebar navigation
+ */
+export const PAGE_SETTINGS = {
+    id: 'page.settings',
+    description: 'Configuration page layout with grouped form sections',
+    purpose: 'settings',
+    sections: [
+        {
+            name: 'sidebar',
+            pattern: 'section.sidebar-left',
+            required: false,
+            allowedComponents: ['Navigation', 'List', 'Link'],
+        },
+        {
+            name: 'content',
+            pattern: 'section.stack-start',
+            required: true,
+            allowedComponents: ['Form', 'Input', 'Select', 'Switch', 'Checkbox', 'Heading', 'Text'],
+        },
+        {
+            name: 'actions',
+            pattern: 'section.stack-end',
+            required: true,
+            allowedComponents: ['Button', 'ButtonGroup'],
+        },
+    ],
+    responsive: {
+        default: {
+            layout: 'stacked',
+            sidebarVisible: false,
+        },
+        md: {
+            layout: 'sidebar',
+            sidebarVisible: true,
+            sidebarWidth: 'atomic.spacing.64',
+        },
+        lg: {
+            layout: 'sidebar',
+            sidebarVisible: true,
+            sidebarWidth: 'atomic.spacing.80',
+        },
+        xl: {
+            layout: 'sidebar',
+            sidebarVisible: true,
+            sidebarWidth: 'atomic.spacing.96',
+        },
+        '2xl': {
+            layout: 'sidebar',
+            sidebarVisible: true,
+            sidebarWidth: 'atomic.spacing.112',
+        },
+    },
+    tokenBindings: {
+        background: 'semantic.background.page',
+        sidebarBackground: 'semantic.background.elevated',
+        contentBackground: 'semantic.background.surface',
+        sectionSpacing: 'atomic.spacing.6',
+    },
+};
+/**
+ * Detail page layout for item focus
+ * Suitable for single item view with hero section, content, and related items
+ */
+export const PAGE_DETAIL = {
+    id: 'page.detail',
+    description: 'Item focus page layout with hero, content, and related items',
+    purpose: 'detail',
+    sections: [
+        {
+            name: 'hero',
+            pattern: 'section.stack-center',
+            required: true,
+            allowedComponents: ['Image', 'Heading', 'Text', 'Badge', 'Button'],
+        },
+        {
+            name: 'content',
+            pattern: 'section.container',
+            required: true,
+            allowedComponents: ['Text', 'Heading', 'Image', 'Video', 'Card'],
+        },
+        {
+            name: 'related',
+            pattern: 'section.grid-3',
+            required: false,
+            allowedComponents: ['Card', 'Image', 'Heading', 'Text'],
+        },
+    ],
+    responsive: {
+        default: {
+            heroHeight: 'auto',
+            contentMaxWidth: '100%',
+            relatedColumns: 1,
+        },
+        md: {
+            heroHeight: 'auto',
+            contentMaxWidth: 'atomic.spacing.192',
+            relatedColumns: 2,
+        },
+        lg: {
+            heroHeight: 'auto',
+            contentMaxWidth: 'atomic.spacing.224',
+            relatedColumns: 3,
+        },
+        xl: {
+            heroHeight: 'auto',
+            contentMaxWidth: 'atomic.spacing.256',
+            relatedColumns: 4,
+        },
+        '2xl': {
+            heroHeight: 'auto',
+            contentMaxWidth: 'atomic.spacing.320',
+            relatedColumns: 4,
+        },
+    },
+    tokenBindings: {
+        background: 'semantic.background.page',
+        heroBackground: 'semantic.background.elevated',
+        contentBackground: 'semantic.background.surface',
+        sectionSpacing: 'atomic.spacing.8',
+    },
+};
+/**
+ * Empty state page layout
+ * Suitable for empty states with illustration and call-to-action
+ */
+export const PAGE_EMPTY = {
+    id: 'page.empty',
+    description: 'Empty state page layout with illustration and call-to-action',
+    purpose: 'empty',
+    sections: [
+        {
+            name: 'illustration',
+            pattern: 'section.stack-center',
+            required: true,
+            allowedComponents: ['Image', 'Icon', 'Illustration'],
+        },
+        {
+            name: 'message',
+            pattern: 'section.stack-center',
+            required: true,
+            allowedComponents: ['Heading', 'Text'],
+        },
+        {
+            name: 'cta',
+            pattern: 'section.stack-center',
+            required: true,
+            allowedComponents: ['Button', 'Link'],
+        },
+    ],
+    responsive: {
+        default: {
+            illustrationSize: 'atomic.spacing.48',
+            contentPadding: 'atomic.spacing.4',
+        },
+        md: {
+            illustrationSize: 'atomic.spacing.64',
+            contentPadding: 'atomic.spacing.6',
+        },
+        lg: {
+            illustrationSize: 'atomic.spacing.80',
+            contentPadding: 'atomic.spacing.8',
+        },
+        xl: {
+            illustrationSize: 'atomic.spacing.96',
+            contentPadding: 'atomic.spacing.10',
+        },
+        '2xl': {
+            illustrationSize: 'atomic.spacing.112',
+            contentPadding: 'atomic.spacing.12',
+        },
+    },
+    tokenBindings: {
+        background: 'semantic.background.page',
+        illustrationColor: 'semantic.foreground.muted',
+        messageColor: 'semantic.foreground.secondary',
+        sectionSpacing: 'atomic.spacing.6',
+    },
+};
+/**
+ * Wizard page layout for multi-step flows
+ * Suitable for multi-step processes with progress indicator, step content, and navigation
+ */
+export const PAGE_WIZARD = {
+    id: 'page.wizard',
+    description: 'Multi-step flow page layout with progress, step content, and navigation',
+    purpose: 'wizard',
+    sections: [
+        {
+            name: 'progress',
+            pattern: 'section.stack-start',
+            required: true,
+            allowedComponents: ['Stepper', 'Progress', 'Breadcrumb'],
+        },
+        {
+            name: 'step',
+            pattern: 'section.stack-start',
+            required: true,
+            allowedComponents: [
+                'Form',
+                'Input',
+                'Select',
+                'Textarea',
+                'Checkbox',
+                'Radio',
+                'Heading',
+                'Text',
+            ],
+        },
+        {
+            name: 'navigation',
+            pattern: 'section.stack-end',
+            required: true,
+            allowedComponents: ['Button', 'ButtonGroup'],
+        },
+    ],
+    responsive: {
+        default: {
+            progressStyle: 'compact',
+            stepMaxWidth: '100%',
+            contentPadding: 'atomic.spacing.4',
+        },
+        md: {
+            progressStyle: 'expanded',
+            stepMaxWidth: 'atomic.spacing.160',
+            contentPadding: 'atomic.spacing.6',
+        },
+        lg: {
+            progressStyle: 'expanded',
+            stepMaxWidth: 'atomic.spacing.192',
+            contentPadding: 'atomic.spacing.8',
+        },
+        xl: {
+            progressStyle: 'expanded',
+            stepMaxWidth: 'atomic.spacing.224',
+            contentPadding: 'atomic.spacing.10',
+        },
+        '2xl': {
+            progressStyle: 'expanded',
+            stepMaxWidth: 'atomic.spacing.256',
+            contentPadding: 'atomic.spacing.12',
+        },
+    },
+    tokenBindings: {
+        background: 'semantic.background.page',
+        progressBackground: 'semantic.background.surface',
+        stepBackground: 'semantic.background.surface',
+        navigationBackground: 'semantic.background.surface',
+        sectionSpacing: 'atomic.spacing.6',
+    },
+};
+/**
+ * Onboarding page layout for first-run experience
+ * Suitable for user onboarding with welcome, steps, and completion sections
+ */
+export const PAGE_ONBOARDING = {
+    id: 'page.onboarding',
+    description: 'First-run experience page layout with welcome, steps, and completion',
+    purpose: 'onboarding',
+    sections: [
+        {
+            name: 'welcome',
+            pattern: 'section.stack-center',
+            required: true,
+            allowedComponents: ['Image', 'Heading', 'Text', 'Button'],
+        },
+        {
+            name: 'steps',
+            pattern: 'section.stack-center',
+            required: true,
+            allowedComponents: ['Card', 'Stepper', 'Form', 'Input', 'Heading', 'Text'],
+        },
+        {
+            name: 'completion',
+            pattern: 'section.stack-center',
+            required: false,
+            allowedComponents: ['Image', 'Heading', 'Text', 'Button'],
+        },
+    ],
+    responsive: {
+        default: {
+            cardMaxWidth: '100%',
+            contentPadding: 'atomic.spacing.4',
+        },
+        md: {
+            cardMaxWidth: 'atomic.spacing.128',
+            contentPadding: 'atomic.spacing.6',
+        },
+        lg: {
+            cardMaxWidth: 'atomic.spacing.160',
+            contentPadding: 'atomic.spacing.8',
+        },
+        xl: {
+            cardMaxWidth: 'atomic.spacing.192',
+            contentPadding: 'atomic.spacing.10',
+        },
+        '2xl': {
+            cardMaxWidth: 'atomic.spacing.224',
+            contentPadding: 'atomic.spacing.12',
+        },
+    },
+    tokenBindings: {
+        background: 'semantic.background.brand',
+        cardBackground: 'semantic.background.surface',
+        welcomeColor: 'semantic.foreground.primary',
+        sectionSpacing: 'atomic.spacing.8',
+    },
+};
+// ============================================================================
+// Internal Token Map
+// ============================================================================
+/**
+ * Internal map for quick page layout token lookups by ID
+ * Used by getPageLayoutToken() for O(1) access
+ */
+const PAGE_LAYOUT_TOKENS_MAP = {
+    'page.job': PAGE_JOB,
+    'page.resource': PAGE_RESOURCE,
+    'page.dashboard': PAGE_DASHBOARD,
+    'page.settings': PAGE_SETTINGS,
+    'page.detail': PAGE_DETAIL,
+    'page.empty': PAGE_EMPTY,
+    'page.wizard': PAGE_WIZARD,
+    'page.onboarding': PAGE_ONBOARDING,
+};
+// ============================================================================
+// Utility Functions
+// ============================================================================
+/**
+ * Get a page layout token by its ID
+ *
+ * @param pageId - Page layout token ID (e.g., "page.dashboard")
+ * @returns PageLayoutToken if found, undefined otherwise
+ *
+ * @example
+ * ```typescript
+ * const dashboard = getPageLayoutToken('page.dashboard');
+ * if (dashboard) {
+ *   console.log(dashboard.description);
+ * }
+ * ```
+ */
+export function getPageLayoutToken(pageId) {
+    return PAGE_LAYOUT_TOKENS_MAP[pageId];
+}
+/**
+ * Get all available page layout tokens
+ *
+ * @returns Array of all PageLayoutTokens
+ *
+ * @example
+ * ```typescript
+ * const allPages = getAllPageLayoutTokens();
+ * console.log(`Available pages: ${allPages.length}`);
+ * ```
+ */
+export function getAllPageLayoutTokens() {
+    return Object.values(PAGE_LAYOUT_TOKENS_MAP);
+}
+/**
+ * Get page layout tokens filtered by purpose
+ *
+ * @param purpose - Page purpose type
+ * @returns Array of PageLayoutTokens with the specified purpose
+ *
+ * @example
+ * ```typescript
+ * const dashboards = getPagesByPurpose('dashboard');
+ * console.log(`Dashboard pages: ${dashboards.length}`);
+ * ```
+ */
+export function getPagesByPurpose(purpose) {
+    return getAllPageLayoutTokens().filter(page => page.purpose === purpose);
+}
+/**
+ * Get section slots for a specific page layout
+ *
+ * @param pageId - Page layout token ID (e.g., "page.dashboard")
+ * @returns Array of SectionSlots for the page, or empty array if not found
+ *
+ * @example
+ * ```typescript
+ * const sections = getPageSections('page.dashboard');
+ * console.log(`Dashboard sections: ${sections.length}`);
+ * ```
+ */
+export function getPageSections(pageId) {
+    const page = getPageLayoutToken(pageId);
+    return page ? page.sections : [];
+}
+//# sourceMappingURL=pages.js.map