@tekton-ui/core 0.2.0

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

@@ -0,0 +1,137 @@
+/**
+ * @tekton-ui/core - Section Pattern Token Definitions
+ * Concrete Section Pattern Token implementations for layout primitives
+ * [SPEC-LAYOUT-001] [PHASE-5]
+ */
+import type { SectionPatternToken, SectionType } from './types.js';
+/**
+ * 2-column grid layout with responsive breakpoints
+ * Suitable for comparison layouts, before/after views, or paired content
+ */
+export declare const SECTION_GRID_2: SectionPatternToken;
+/**
+ * 3-column grid layout with responsive breakpoints
+ * Suitable for feature cards, product showcases, or team member displays
+ */
+export declare const SECTION_GRID_3: SectionPatternToken;
+/**
+ * 4-column grid layout with responsive breakpoints
+ * Suitable for metrics, dashboards, or dense content displays
+ */
+export declare const SECTION_GRID_4: SectionPatternToken;
+/**
+ * Auto-fill responsive grid layout
+ * Automatically adjusts column count based on available space
+ * Suitable for dynamic content grids and galleries
+ */
+export declare const SECTION_GRID_AUTO: SectionPatternToken;
+/**
+ * 30/70 split layout using flexbox
+ * First child takes 30% width, second child takes 70%
+ * Suitable for sidebar-content layouts or list-detail views
+ */
+export declare const SECTION_SPLIT_30_70: SectionPatternToken;
+/**
+ * Equal 50/50 split layout using flexbox
+ * Both children take equal width
+ * Suitable for comparison views or balanced content layouts
+ */
+export declare const SECTION_SPLIT_50_50: SectionPatternToken;
+/**
+ * 70/30 split layout using flexbox
+ * First child takes 70% width, second child takes 30%
+ * Suitable for content-sidebar layouts or detail-metadata views
+ */
+export declare const SECTION_SPLIT_70_30: SectionPatternToken;
+/**
+ * Vertical stack layout with top alignment
+ * Items are stacked vertically and aligned to the start (top)
+ * Suitable for form layouts, content sections, or list views
+ */
+export declare const SECTION_STACK_START: SectionPatternToken;
+/**
+ * Vertical stack layout with center alignment
+ * Items are stacked vertically and centered horizontally
+ * Suitable for centered content, hero sections, or empty states
+ */
+export declare const SECTION_STACK_CENTER: SectionPatternToken;
+/**
+ * Vertical stack layout with bottom alignment
+ * Items are stacked vertically and aligned to the end (bottom)
+ * Suitable for action buttons, footers, or bottom-aligned content
+ */
+export declare const SECTION_STACK_END: SectionPatternToken;
+/**
+ * Fixed left sidebar layout
+ * Sidebar has fixed width, main content fills remaining space
+ * Suitable for navigation sidebars or filter panels
+ */
+export declare const SECTION_SIDEBAR_LEFT: SectionPatternToken;
+/**
+ * Fixed right sidebar layout
+ * Main content on left, sidebar has fixed width on right
+ * Suitable for metadata panels or contextual help
+ */
+export declare const SECTION_SIDEBAR_RIGHT: SectionPatternToken;
+/**
+ * Centered max-width container
+ * Content is centered horizontally with maximum width constraint
+ * Suitable for article content, forms, or focused reading experiences
+ */
+export declare const SECTION_CONTAINER: SectionPatternToken;
+/**
+ * Get a section pattern token by its ID
+ *
+ * @param patternId - Section pattern token ID (e.g., "section.grid-3")
+ * @returns SectionPatternToken if found, undefined otherwise
+ *
+ * @example
+ * ```typescript
+ * const grid3 = getSectionPatternToken('section.grid-3');
+ * if (grid3) {
+ *   console.log(grid3.description);
+ * }
+ * ```
+ */
+export declare function getSectionPatternToken(patternId: string): SectionPatternToken | undefined;
+/**
+ * Get all available section pattern tokens
+ *
+ * @returns Array of all SectionPatternTokens
+ *
+ * @example
+ * ```typescript
+ * const allSections = getAllSectionPatternTokens();
+ * console.log(`Available sections: ${allSections.length}`);
+ * ```
+ */
+export declare function getAllSectionPatternTokens(): SectionPatternToken[];
+/**
+ * Get section pattern tokens filtered by type
+ *
+ * @param type - Section type ('grid', 'flex', 'split', 'stack', or 'container')
+ * @returns Array of SectionPatternTokens with the specified type
+ *
+ * @example
+ * ```typescript
+ * const gridSections = getSectionsByType('grid');
+ * console.log(`Grid sections: ${gridSections.length}`);
+ * ```
+ */
+export declare function getSectionsByType(type: SectionType): SectionPatternToken[];
+/**
+ * Get section CSS configuration by pattern ID
+ *
+ * @param patternId - Section pattern token ID (e.g., "section.grid-4")
+ * @returns SectionCSS if found, undefined otherwise
+ *
+ * @example
+ * ```typescript
+ * const css = getSectionCSS('section.grid-4');
+ * if (css) {
+ *   console.log(`Display: ${css.display}`);
+ * }
+ * ```
+ */
+export declare function getSectionCSS(patternId: string): import("./types.js").SectionCSS | undefined;
+//# sourceMappingURL=sections.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sections.d.ts","sourceRoot":"","sources":["../../src/layout-tokens/sections.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAOnE;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,mBAmC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,mBAwC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,mBAwC5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,mBAoC/B,CAAC;AAMF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,mBAsCjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,mBAoCjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,mBAsCjC,CAAC;AAMF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,mBAwCjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,mBA6ClC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,mBAwC/B,CAAC;AAMF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,mBAqClC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,mBAqCnC,CAAC;AAMF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,mBA+C/B,CAAC;AA8BF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAEzF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,0BAA0B,IAAI,mBAAmB,EAAE,CAElE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,mBAAmB,EAAE,CAE1E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,+CAG9C"}