@tekton-ui/core 0.2.0

package/dist/layout-tokens/sections-advanced.js

@@ -0,0 +1,593 @@
+/**
+ * @tekton-ui/core - Advanced Section Pattern Token Definitions
+ * HIGH Priority Advanced Layout Patterns for SPEC-LAYOUT-005
+ *
+ * Implements 4 advanced section patterns:
+ * 1. section.masonry - Pinterest-style waterfall grid
+ * 2. section.sticky-header - Header that sticks to viewport top
+ * 3. section.sticky-footer - Footer that sticks to viewport bottom
+ * 4. section.collapsible-sidebar - Sidebar with expand/collapse toggle
+ *
+ * [SPEC-LAYOUT-005] [PHASE-1]
+ */
+// ============================================================================
+// Masonry Pattern Token
+// ============================================================================
+/**
+ * Pinterest-style waterfall grid layout using CSS columns
+ *
+ * Uses CSS multi-column layout for broad browser support (IE10+).
+ * Items flow vertically within columns, creating the classic masonry effect.
+ *
+ * Responsive behavior:
+ * - default (mobile): 2 columns
+ * - sm: 2 columns
+ * - md: 3 columns
+ * - lg: 4 columns
+ * - xl: 5 columns
+ * - 2xl: 6 columns
+ *
+ * @example
+ * ```tsx
+ * // React usage
+ * <div style={{ ...getMasonryStyles(breakpoint) }}>
+ *   {items.map(item => (
+ *     <div key={item.id} style={{ breakInside: 'avoid' }}>
+ *       {item.content}
+ *     </div>
+ *   ))}
+ * </div>
+ * ```
+ */
+export const SECTION_MASONRY = {
+    id: 'section.masonry',
+    type: 'masonry',
+    description: 'Pinterest-style waterfall grid using CSS columns for broad browser support',
+    css: {
+        display: 'grid', // Fallback for CSS columns
+        columnCount: '4',
+        columnGap: 'atomic.spacing.4',
+        breakInside: 'avoid',
+        columnFill: 'balance',
+    },
+    responsive: {
+        default: {
+            display: 'grid',
+            columnCount: '2',
+            columnGap: 'atomic.spacing.2',
+            breakInside: 'avoid',
+            columnFill: 'auto',
+        },
+        sm: {
+            columnCount: '2',
+            columnGap: 'atomic.spacing.3',
+        },
+        md: {
+            columnCount: '3',
+            columnGap: 'atomic.spacing.4',
+        },
+        lg: {
+            columnCount: '4',
+            columnGap: 'atomic.spacing.4',
+        },
+        xl: {
+            columnCount: '5',
+            columnGap: 'atomic.spacing.5',
+        },
+        '2xl': {
+            columnCount: '6',
+            columnGap: 'atomic.spacing.6',
+        },
+    },
+    tokenBindings: {
+        gap: 'atomic.spacing.4',
+        columnGap: 'atomic.spacing.4',
+        itemBackground: 'semantic.background.surface',
+        itemBorderRadius: 'atomic.radius.md',
+        itemShadow: 'atomic.shadow.sm',
+        columns: 'responsive',
+    },
+};
+// ============================================================================
+// Sticky Header Pattern Token
+// ============================================================================
+/**
+ * Header that sticks to the viewport top during scroll
+ *
+ * Uses CSS `position: sticky` for native scroll-aware behavior.
+ * Includes shadow and z-index for proper layering when stuck.
+ *
+ * Features:
+ * - Sticks to top of viewport (top: 0)
+ * - High z-index (100) to stay above content
+ * - Optional shadow when stuck for visual separation
+ * - Full-width with transparent background option
+ *
+ * Responsive behavior:
+ * - Consistent sticky behavior across all breakpoints
+ * - Padding adjusts for different screen sizes
+ *
+ * @example
+ * ```tsx
+ * // React usage with intersection observer for stuck state
+ * const [isStuck, setIsStuck] = useState(false);
+ *
+ * <header style={{
+ *   position: 'sticky',
+ *   top: 0,
+ *   zIndex: 100,
+ *   boxShadow: isStuck ? 'var(--shadow-md)' : 'none'
+ * }}>
+ *   {children}
+ * </header>
+ * ```
+ */
+export const SECTION_STICKY_HEADER = {
+    id: 'section.sticky-header',
+    type: 'sticky',
+    description: 'Header that sticks to viewport top during scroll with shadow when stuck',
+    css: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        position: 'sticky',
+        top: 'atomic.spacing.0',
+        zIndex: 100,
+        padding: 'atomic.spacing.4',
+        backgroundColor: 'semantic.background.surface',
+        boxShadow: 'atomic.shadow.none',
+    },
+    responsive: {
+        default: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            position: 'sticky',
+            top: 'atomic.spacing.0',
+            zIndex: 100,
+            padding: 'atomic.spacing.3',
+            backgroundColor: 'semantic.background.surface',
+        },
+        sm: {
+            padding: 'atomic.spacing.3',
+        },
+        md: {
+            padding: 'atomic.spacing.4',
+        },
+        lg: {
+            padding: 'atomic.spacing.4',
+        },
+        xl: {
+            padding: 'atomic.spacing.5',
+        },
+        '2xl': {
+            padding: 'atomic.spacing.6',
+        },
+    },
+    states: {
+        default: {
+            boxShadow: 'atomic.shadow.none',
+        },
+        stuck: {
+            boxShadow: 'atomic.shadow.md',
+            backgroundColor: 'semantic.background.surface',
+        },
+    },
+    tokenBindings: {
+        position: 'sticky',
+        top: 'atomic.spacing.0',
+        zIndex: '100',
+        padding: 'atomic.spacing.4',
+        background: 'semantic.background.surface',
+        shadowDefault: 'atomic.shadow.none',
+        shadowStuck: 'atomic.shadow.md',
+        borderBottom: 'semantic.border.default',
+    },
+};
+// ============================================================================
+// Sticky Footer Pattern Token
+// ============================================================================
+/**
+ * Footer that sticks to the viewport bottom during scroll
+ *
+ * Uses CSS `position: sticky` with `bottom: 0` for bottom-stuck behavior.
+ * Ideal for action bars, navigation bars, or persistent CTAs.
+ *
+ * Features:
+ * - Sticks to bottom of viewport (bottom: 0)
+ * - High z-index (100) to stay above content
+ * - Top shadow for visual separation from content
+ * - Safe area padding support for mobile devices
+ *
+ * Responsive behavior:
+ * - Consistent sticky behavior across all breakpoints
+ * - Padding adjusts for different screen sizes
+ * - Mobile: considers safe area for home indicator
+ *
+ * @example
+ * ```tsx
+ * // React usage for action bar
+ * <footer style={{
+ *   position: 'sticky',
+ *   bottom: 0,
+ *   zIndex: 100,
+ *   paddingBottom: 'env(safe-area-inset-bottom)'
+ * }}>
+ *   <Button>Save</Button>
+ *   <Button>Cancel</Button>
+ * </footer>
+ * ```
+ */
+export const SECTION_STICKY_FOOTER = {
+    id: 'section.sticky-footer',
+    type: 'sticky',
+    description: 'Footer that sticks to viewport bottom with top shadow',
+    css: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 'atomic.spacing.4',
+        position: 'sticky',
+        bottom: 'atomic.spacing.0',
+        zIndex: 100,
+        padding: 'atomic.spacing.4',
+        backgroundColor: 'semantic.background.surface',
+        boxShadow: 'atomic.shadow.lg',
+    },
+    responsive: {
+        default: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: 'atomic.spacing.2',
+            position: 'sticky',
+            bottom: 'atomic.spacing.0',
+            zIndex: 100,
+            padding: 'atomic.spacing.3',
+            backgroundColor: 'semantic.background.surface',
+            boxShadow: 'atomic.shadow.md',
+        },
+        sm: {
+            padding: 'atomic.spacing.3',
+            gap: 'atomic.spacing.3',
+        },
+        md: {
+            padding: 'atomic.spacing.4',
+            gap: 'atomic.spacing.4',
+            boxShadow: 'atomic.shadow.lg',
+        },
+        lg: {
+            padding: 'atomic.spacing.4',
+        },
+        xl: {
+            padding: 'atomic.spacing.5',
+        },
+        '2xl': {
+            padding: 'atomic.spacing.6',
+        },
+    },
+    states: {
+        default: {
+            boxShadow: 'atomic.shadow.lg',
+        },
+        stuck: {
+            boxShadow: 'atomic.shadow.xl',
+        },
+    },
+    tokenBindings: {
+        position: 'sticky',
+        bottom: 'atomic.spacing.0',
+        zIndex: '100',
+        padding: 'atomic.spacing.4',
+        gap: 'atomic.spacing.4',
+        background: 'semantic.background.surface',
+        shadowDefault: 'atomic.shadow.lg',
+        borderTop: 'semantic.border.default',
+        safeAreaBottom: 'atomic.spacing.0', // Override with env(safe-area-inset-bottom) on mobile
+    },
+};
+// ============================================================================
+// Collapsible Sidebar Pattern Token
+// ============================================================================
+/**
+ * Sidebar with expand/collapse toggle capability
+ *
+ * Provides a collapsible navigation sidebar with smooth CSS transitions.
+ * Supports both icon-only collapsed state and full-width expanded state.
+ *
+ * Features:
+ * - Expanded width: 256px (atomic.spacing.64)
+ * - Collapsed width: 64px (atomic.spacing.16)
+ * - Smooth 200ms transition animation
+ * - Icon-only mode when collapsed
+ * - Full content when expanded
+ *
+ * Responsive behavior:
+ * - default/sm: Hidden by default (overlay mode recommended)
+ * - md: Collapsed by default
+ * - lg+: Expanded by default
+ *
+ * @example
+ * ```tsx
+ * // React usage with state management
+ * const [isCollapsed, setIsCollapsed] = useState(false);
+ *
+ * <aside style={{
+ *   width: isCollapsed ? '64px' : '256px',
+ *   transition: 'width 200ms ease-in-out',
+ *   overflow: 'hidden'
+ * }}>
+ *   <button onClick={() => setIsCollapsed(!isCollapsed)}>
+ *     {isCollapsed ? <ChevronRight /> : <ChevronLeft />}
+ *   </button>
+ *   <nav>
+ *     {menuItems.map(item => (
+ *       <MenuItem
+ *         key={item.id}
+ *         icon={item.icon}
+ *         label={isCollapsed ? '' : item.label}
+ *       />
+ *     ))}
+ *   </nav>
+ * </aside>
+ * ```
+ */
+export const SECTION_COLLAPSIBLE_SIDEBAR = {
+    id: 'section.collapsible-sidebar',
+    type: 'collapsible',
+    description: 'Sidebar with expand/collapse toggle capability and smooth transitions',
+    css: {
+        display: 'flex',
+        flexDirection: 'column',
+        width: 'atomic.spacing.64', // 256px expanded
+        minWidth: 'atomic.spacing.16', // 64px collapsed
+        transition: 'width 200ms ease-in-out',
+        overflow: 'hidden',
+        willChange: 'width',
+        padding: 'atomic.spacing.4',
+    },
+    responsive: {
+        default: {
+            display: 'flex',
+            flexDirection: 'column',
+            width: 'atomic.spacing.0', // Hidden on mobile (use overlay)
+            minWidth: 'atomic.spacing.0',
+            transition: 'width 200ms ease-in-out, transform 200ms ease-in-out',
+            overflow: 'hidden',
+            padding: 'atomic.spacing.0',
+        },
+        sm: {
+            width: 'atomic.spacing.0', // Hidden on small screens
+            padding: 'atomic.spacing.0',
+        },
+        md: {
+            width: 'atomic.spacing.16', // 64px collapsed on tablet
+            minWidth: 'atomic.spacing.16',
+            padding: 'atomic.spacing.2',
+        },
+        lg: {
+            width: 'atomic.spacing.64', // 256px expanded on desktop
+            minWidth: 'atomic.spacing.16',
+            padding: 'atomic.spacing.4',
+        },
+        xl: {
+            width: 'atomic.spacing.64',
+            padding: 'atomic.spacing.4',
+        },
+        '2xl': {
+            width: 'atomic.spacing.80', // 320px expanded on large screens
+            padding: 'atomic.spacing.5',
+        },
+    },
+    states: {
+        default: {
+            width: 'atomic.spacing.64',
+            overflow: 'hidden',
+        },
+        collapsed: {
+            width: 'atomic.spacing.16',
+            minWidth: 'atomic.spacing.16',
+            overflow: 'hidden',
+        },
+    },
+    tokenBindings: {
+        expandedWidth: 'atomic.spacing.64', // 256px
+        collapsedWidth: 'atomic.spacing.16', // 64px
+        transitionDuration: '200ms',
+        transitionEasing: 'ease-in-out',
+        padding: 'atomic.spacing.4',
+        background: 'semantic.background.surface',
+        borderRight: 'semantic.border.default',
+        iconSize: 'atomic.spacing.6', // 24px icons
+        itemGap: 'atomic.spacing.2',
+        itemPadding: 'atomic.spacing.3',
+        itemBorderRadius: 'atomic.radius.md',
+        itemHoverBackground: 'semantic.background.muted',
+        itemActiveBackground: 'semantic.foreground.accent',
+    },
+};
+// ============================================================================
+// Internal Token Map
+// ============================================================================
+/**
+ * Internal map for quick advanced section pattern token lookups by ID
+ * Used by getAdvancedSectionPatternToken() for O(1) access
+ */
+const ADVANCED_SECTION_PATTERN_TOKENS_MAP = {
+    'section.masonry': SECTION_MASONRY,
+    'section.sticky-header': SECTION_STICKY_HEADER,
+    'section.sticky-footer': SECTION_STICKY_FOOTER,
+    'section.collapsible-sidebar': SECTION_COLLAPSIBLE_SIDEBAR,
+};
+// ============================================================================
+// Utility Functions
+// ============================================================================
+/**
+ * Get an advanced section pattern token by its ID
+ *
+ * @param patternId - Advanced section pattern token ID (e.g., "section.masonry")
+ * @returns AdvancedSectionPatternToken if found, undefined otherwise
+ *
+ * @example
+ * ```typescript
+ * const masonry = getAdvancedSectionPatternToken('section.masonry');
+ * if (masonry) {
+ *   console.log(masonry.description);
+ *   // "Pinterest-style waterfall grid using CSS columns for broad browser support"
+ * }
+ * ```
+ */
+export function getAdvancedSectionPatternToken(patternId) {
+    return ADVANCED_SECTION_PATTERN_TOKENS_MAP[patternId];
+}
+/**
+ * Get all available advanced section pattern tokens
+ *
+ * @returns Array of all AdvancedSectionPatternTokens
+ *
+ * @example
+ * ```typescript
+ * const allAdvanced = getAllAdvancedSectionPatternTokens();
+ * console.log(`Available advanced sections: ${allAdvanced.length}`);
+ * // "Available advanced sections: 4"
+ *
+ * allAdvanced.forEach(token => {
+ *   console.log(`${token.id}: ${token.type}`);
+ * });
+ * ```
+ */
+export function getAllAdvancedSectionPatternTokens() {
+    return Object.values(ADVANCED_SECTION_PATTERN_TOKENS_MAP);
+}
+/**
+ * Get advanced section pattern tokens filtered by type
+ *
+ * @param type - Section type ('masonry', 'sticky', or 'collapsible')
+ * @returns Array of AdvancedSectionPatternTokens with the specified type
+ *
+ * @example
+ * ```typescript
+ * const stickyTokens = getAdvancedSectionsByType('sticky');
+ * console.log(`Sticky sections: ${stickyTokens.length}`);
+ * // "Sticky sections: 2" (header and footer)
+ * ```
+ */
+export function getAdvancedSectionsByType(type) {
+    return getAllAdvancedSectionPatternTokens().filter(section => section.type === type);
+}
+/**
+ * Get CSS properties for an advanced section pattern at a specific breakpoint
+ *
+ * @param patternId - Advanced section pattern token ID
+ * @param breakpoint - Breakpoint key ('default', 'sm', 'md', 'lg', 'xl', '2xl')
+ * @returns CSS properties for the specified breakpoint, or undefined if not found
+ *
+ * @example
+ * ```typescript
+ * const masonryMd = getAdvancedSectionCSS('section.masonry', 'md');
+ * if (masonryMd) {
+ *   console.log(`Columns at md: ${masonryMd.columnCount}`);
+ *   // "Columns at md: 3"
+ * }
+ * ```
+ */
+export function getAdvancedSectionCSS(patternId, breakpoint = 'default') {
+    const pattern = getAdvancedSectionPatternToken(patternId);
+    if (!pattern) {
+        return undefined;
+    }
+    if (breakpoint === 'default') {
+        return pattern.responsive.default;
+    }
+    // Merge default with breakpoint-specific overrides
+    const defaultCSS = pattern.responsive.default;
+    const breakpointCSS = pattern.responsive[breakpoint];
+    if (!breakpointCSS) {
+        return defaultCSS;
+    }
+    return {
+        ...defaultCSS,
+        ...breakpointCSS,
+    };
+}
+/**
+ * Get state-specific CSS for collapsible or sticky patterns
+ *
+ * @param patternId - Advanced section pattern token ID
+ * @param state - State name ('default', 'collapsed', 'stuck')
+ * @returns CSS properties for the specified state, or undefined if not found
+ *
+ * @example
+ * ```typescript
+ * const collapsedCSS = getAdvancedSectionStateCSS('section.collapsible-sidebar', 'collapsed');
+ * if (collapsedCSS) {
+ *   console.log(`Collapsed width: ${collapsedCSS.width}`);
+ *   // "Collapsed width: atomic.spacing.16"
+ * }
+ *
+ * const stuckCSS = getAdvancedSectionStateCSS('section.sticky-header', 'stuck');
+ * if (stuckCSS) {
+ *   console.log(`Shadow when stuck: ${stuckCSS.boxShadow}`);
+ *   // "Shadow when stuck: atomic.shadow.md"
+ * }
+ * ```
+ */
+export function getAdvancedSectionStateCSS(patternId, state) {
+    const pattern = getAdvancedSectionPatternToken(patternId);
+    if (!pattern?.states) {
+        return undefined;
+    }
+    return pattern.states[state];
+}
+/**
+ * Check if a pattern ID is an advanced section pattern
+ *
+ * @param patternId - Pattern ID to check
+ * @returns true if the pattern is an advanced section pattern
+ *
+ * @example
+ * ```typescript
+ * isAdvancedSectionPattern('section.masonry'); // true
+ * isAdvancedSectionPattern('section.grid-3'); // false
+ * ```
+ */
+export function isAdvancedSectionPattern(patternId) {
+    return patternId in ADVANCED_SECTION_PATTERN_TOKENS_MAP;
+}
+/**
+ * Get all advanced section pattern IDs
+ *
+ * @returns Array of all advanced section pattern IDs
+ *
+ * @example
+ * ```typescript
+ * const ids = getAdvancedSectionPatternIds();
+ * // ['section.masonry', 'section.sticky-header', 'section.sticky-footer', 'section.collapsible-sidebar']
+ * ```
+ */
+export function getAdvancedSectionPatternIds() {
+    return Object.keys(ADVANCED_SECTION_PATTERN_TOKENS_MAP);
+}
+/**
+ * Combine base section patterns with advanced section patterns
+ * Useful for getting a complete list of all available section patterns
+ *
+ * @param baseSections - Array of base SectionPatternTokens from sections.ts
+ * @returns Combined array of all section pattern tokens
+ *
+ * @example
+ * ```typescript
+ * import { getAllSectionPatternTokens } from './sections.js';
+ *
+ * const allSections = combineWithBaseSections(getAllSectionPatternTokens());
+ * console.log(`Total sections: ${allSections.length}`);
+ * ```
+ */
+export function combineWithBaseSections(baseSections) {
+    return [...baseSections, ...getAllAdvancedSectionPatternTokens()];
+}
+//# sourceMappingURL=sections-advanced.js.map

package/dist/layout-tokens/sections-advanced.js.map

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