@tekton-ui/core 0.2.0

package/dist/layout-tokens/pages.js.map

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

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

@@ -0,0 +1,109 @@
+/**
+ * @tekton-ui/core - Responsive Token Definitions
+ * Concrete Responsive Token implementations for viewport breakpoints
+ * [SPEC-LAYOUT-001] [PHASE-6]
+ */
+import type { ResponsiveToken } from './types.js';
+/**
+ * Small devices breakpoint (mobile landscape, 640px and up)
+ * Suitable for mobile landscape orientation and small tablets
+ */
+export declare const BREAKPOINT_SM: ResponsiveToken;
+/**
+ * Medium devices breakpoint (tablets, 768px and up)
+ * Suitable for tablet portrait orientation
+ */
+export declare const BREAKPOINT_MD: ResponsiveToken;
+/**
+ * Large devices breakpoint (desktops, 1024px and up)
+ * Suitable for desktop and laptop screens
+ */
+export declare const BREAKPOINT_LG: ResponsiveToken;
+/**
+ * Extra large devices breakpoint (large desktops, 1280px and up)
+ * Suitable for large desktop monitors
+ */
+export declare const BREAKPOINT_XL: ResponsiveToken;
+/**
+ * Extra extra large devices breakpoint (wide screens, 1536px and up)
+ * Suitable for wide screen monitors and ultra-wide displays
+ */
+export declare const BREAKPOINT_2XL: ResponsiveToken;
+/**
+ * Map of breakpoint names to pixel values
+ * Provides convenient access to breakpoint values by name
+ *
+ * @example
+ * ```typescript
+ * const mdWidth = BREAKPOINT_VALUES.md; // 768
+ * ```
+ */
+export declare const BREAKPOINT_VALUES: Record<string, number>;
+/**
+ * Get a responsive token by its ID
+ *
+ * @param breakpointId - Breakpoint ID (e.g., "breakpoint.md")
+ * @returns ResponsiveToken if found, undefined otherwise
+ *
+ * @example
+ * ```typescript
+ * const mdBreakpoint = getResponsiveToken('breakpoint.md');
+ * if (mdBreakpoint) {
+ *   console.log(`Min width: ${mdBreakpoint.minWidth}px`);
+ * }
+ * ```
+ */
+export declare function getResponsiveToken(breakpointId: string): ResponsiveToken | undefined;
+/**
+ * Get all available responsive tokens
+ *
+ * @returns Array of all ResponsiveTokens
+ *
+ * @example
+ * ```typescript
+ * const allBreakpoints = getAllResponsiveTokens();
+ * console.log(`Available breakpoints: ${allBreakpoints.length}`);
+ * ```
+ */
+export declare function getAllResponsiveTokens(): ResponsiveToken[];
+/**
+ * Get breakpoint value by breakpoint name
+ *
+ * @param breakpoint - Breakpoint name ('sm', 'md', 'lg', 'xl', '2xl')
+ * @returns Pixel value for the breakpoint
+ *
+ * @example
+ * ```typescript
+ * const mdWidth = getBreakpointValue('md'); // 768
+ * const lgWidth = getBreakpointValue('lg'); // 1024
+ * ```
+ */
+export declare function getBreakpointValue(breakpoint: 'sm' | 'md' | 'lg' | 'xl' | '2xl'): number;
+/**
+ * Generate CSS media query string for a breakpoint
+ *
+ * @param breakpoint - Breakpoint name ('sm', 'md', 'lg', 'xl', '2xl')
+ * @returns CSS media query string
+ *
+ * @example
+ * ```typescript
+ * const query = getBreakpointMediaQuery('md');
+ * // Returns: "@media (min-width: 768px)"
+ * ```
+ */
+export declare function getBreakpointMediaQuery(breakpoint: 'sm' | 'md' | 'lg' | 'xl' | '2xl'): string;
+/**
+ * Sort breakpoints by size (ascending order)
+ *
+ * @param breakpoints - Array of ResponsiveTokens to sort
+ * @returns Sorted array (smallest to largest)
+ *
+ * @example
+ * ```typescript
+ * const unsorted = [BREAKPOINT_XL, BREAKPOINT_SM, BREAKPOINT_MD];
+ * const sorted = sortBreakpointsBySize(unsorted);
+ * // Returns: [BREAKPOINT_SM, BREAKPOINT_MD, BREAKPOINT_XL]
+ * ```
+ */
+export declare function sortBreakpointsBySize(breakpoints: ResponsiveToken[]): ResponsiveToken[];
+//# sourceMappingURL=responsive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/layout-tokens/responsive.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAMlD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,eAI3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,eAI3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,eAI3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,eAI3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,eAI5B,CAAC;AAMF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMpD,CAAC;AAsBF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAEpF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,IAAI,eAAe,EAAE,CAE1D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAExF;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAE7F;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAEvF"}

package/dist/layout-tokens/responsive.js

@@ -0,0 +1,167 @@
+/**
+ * @tekton-ui/core - Responsive Token Definitions
+ * Concrete Responsive Token implementations for viewport breakpoints
+ * [SPEC-LAYOUT-001] [PHASE-6]
+ */
+// ============================================================================
+// Responsive Token Definitions (Tailwind CSS Standard)
+// ============================================================================
+/**
+ * Small devices breakpoint (mobile landscape, 640px and up)
+ * Suitable for mobile landscape orientation and small tablets
+ */
+export const BREAKPOINT_SM = {
+    id: 'breakpoint.sm',
+    minWidth: 640,
+    description: 'Small devices (mobile landscape, 640px and up)',
+};
+/**
+ * Medium devices breakpoint (tablets, 768px and up)
+ * Suitable for tablet portrait orientation
+ */
+export const BREAKPOINT_MD = {
+    id: 'breakpoint.md',
+    minWidth: 768,
+    description: 'Medium devices (tablets, 768px and up)',
+};
+/**
+ * Large devices breakpoint (desktops, 1024px and up)
+ * Suitable for desktop and laptop screens
+ */
+export const BREAKPOINT_LG = {
+    id: 'breakpoint.lg',
+    minWidth: 1024,
+    description: 'Large devices (desktops, 1024px and up)',
+};
+/**
+ * Extra large devices breakpoint (large desktops, 1280px and up)
+ * Suitable for large desktop monitors
+ */
+export const BREAKPOINT_XL = {
+    id: 'breakpoint.xl',
+    minWidth: 1280,
+    description: 'Extra large devices (large desktops, 1280px and up)',
+};
+/**
+ * Extra extra large devices breakpoint (wide screens, 1536px and up)
+ * Suitable for wide screen monitors and ultra-wide displays
+ */
+export const BREAKPOINT_2XL = {
+    id: 'breakpoint.2xl',
+    minWidth: 1536,
+    description: 'Extra extra large devices (wide screens, 1536px and up)',
+};
+// ============================================================================
+// Breakpoint Values Map
+// ============================================================================
+/**
+ * Map of breakpoint names to pixel values
+ * Provides convenient access to breakpoint values by name
+ *
+ * @example
+ * ```typescript
+ * const mdWidth = BREAKPOINT_VALUES.md; // 768
+ * ```
+ */
+export const BREAKPOINT_VALUES = {
+    sm: 640,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    '2xl': 1536,
+};
+// ============================================================================
+// Internal Token Map
+// ============================================================================
+/**
+ * Internal map for quick responsive token lookups by ID
+ * Used by getResponsiveToken() for O(1) access
+ */
+const RESPONSIVE_TOKENS_MAP = {
+    'breakpoint.sm': BREAKPOINT_SM,
+    'breakpoint.md': BREAKPOINT_MD,
+    'breakpoint.lg': BREAKPOINT_LG,
+    'breakpoint.xl': BREAKPOINT_XL,
+    'breakpoint.2xl': BREAKPOINT_2XL,
+};
+// ============================================================================
+// Utility Functions
+// ============================================================================
+/**
+ * Get a responsive token by its ID
+ *
+ * @param breakpointId - Breakpoint ID (e.g., "breakpoint.md")
+ * @returns ResponsiveToken if found, undefined otherwise
+ *
+ * @example
+ * ```typescript
+ * const mdBreakpoint = getResponsiveToken('breakpoint.md');
+ * if (mdBreakpoint) {
+ *   console.log(`Min width: ${mdBreakpoint.minWidth}px`);
+ * }
+ * ```
+ */
+export function getResponsiveToken(breakpointId) {
+    return RESPONSIVE_TOKENS_MAP[breakpointId];
+}
+/**
+ * Get all available responsive tokens
+ *
+ * @returns Array of all ResponsiveTokens
+ *
+ * @example
+ * ```typescript
+ * const allBreakpoints = getAllResponsiveTokens();
+ * console.log(`Available breakpoints: ${allBreakpoints.length}`);
+ * ```
+ */
+export function getAllResponsiveTokens() {
+    return Object.values(RESPONSIVE_TOKENS_MAP);
+}
+/**
+ * Get breakpoint value by breakpoint name
+ *
+ * @param breakpoint - Breakpoint name ('sm', 'md', 'lg', 'xl', '2xl')
+ * @returns Pixel value for the breakpoint
+ *
+ * @example
+ * ```typescript
+ * const mdWidth = getBreakpointValue('md'); // 768
+ * const lgWidth = getBreakpointValue('lg'); // 1024
+ * ```
+ */
+export function getBreakpointValue(breakpoint) {
+    return BREAKPOINT_VALUES[breakpoint];
+}
+/**
+ * Generate CSS media query string for a breakpoint
+ *
+ * @param breakpoint - Breakpoint name ('sm', 'md', 'lg', 'xl', '2xl')
+ * @returns CSS media query string
+ *
+ * @example
+ * ```typescript
+ * const query = getBreakpointMediaQuery('md');
+ * // Returns: "@media (min-width: 768px)"
+ * ```
+ */
+export function getBreakpointMediaQuery(breakpoint) {
+    return `@media (min-width: ${BREAKPOINT_VALUES[breakpoint]}px)`;
+}
+/**
+ * Sort breakpoints by size (ascending order)
+ *
+ * @param breakpoints - Array of ResponsiveTokens to sort
+ * @returns Sorted array (smallest to largest)
+ *
+ * @example
+ * ```typescript
+ * const unsorted = [BREAKPOINT_XL, BREAKPOINT_SM, BREAKPOINT_MD];
+ * const sorted = sortBreakpointsBySize(unsorted);
+ * // Returns: [BREAKPOINT_SM, BREAKPOINT_MD, BREAKPOINT_XL]
+ * ```
+ */
+export function sortBreakpointsBySize(breakpoints) {
+    return [...breakpoints].sort((a, b) => a.minWidth - b.minWidth);
+}
+//# sourceMappingURL=responsive.js.map

package/dist/layout-tokens/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../src/layout-tokens/responsive.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,+EAA+E;AAC/E,uDAAuD;AACvD,+EAA+E;AAE/E;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAoB;IAC5C,EAAE,EAAE,eAAe;IACnB,QAAQ,EAAE,GAAG;IACb,WAAW,EAAE,gDAAgD;CAC9D,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAoB;IAC5C,EAAE,EAAE,eAAe;IACnB,QAAQ,EAAE,GAAG;IACb,WAAW,EAAE,wCAAwC;CACtD,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAoB;IAC5C,EAAE,EAAE,eAAe;IACnB,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,yCAAyC;CACvD,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAoB;IAC5C,EAAE,EAAE,eAAe;IACnB,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,qDAAqD;CACnE,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAoB;IAC7C,EAAE,EAAE,gBAAgB;IACpB,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,yDAAyD;CACvE,CAAC;AAEF,+EAA+E;AAC/E,wBAAwB;AACxB,+EAA+E;AAE/E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAA2B;IACvD,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,+EAA+E;AAC/E,qBAAqB;AACrB,+EAA+E;AAE/E;;;GAGG;AACH,MAAM,qBAAqB,GAAoC;IAC7D,eAAe,EAAE,aAAa;IAC9B,eAAe,EAAE,aAAa;IAC9B,eAAe,EAAE,aAAa;IAC9B,eAAe,EAAE,aAAa;IAC9B,gBAAgB,EAAE,cAAc;CACjC,CAAC;AAEF,+EAA+E;AAC/E,oBAAoB;AACpB,+EAA+E;AAE/E;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,kBAAkB,CAAC,YAAoB;IACrD,OAAO,qBAAqB,CAAC,YAAY,CAAC,CAAC;AAC7C,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAC9C,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,kBAAkB,CAAC,UAA6C;IAC9E,OAAO,iBAAiB,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,uBAAuB,CAAC,UAA6C;IACnF,OAAO,sBAAsB,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC;AAClE,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,qBAAqB,CAAC,WAA8B;IAClE,OAAO,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;AAClE,CAAC"}

package/dist/layout-tokens/safe-area.d.ts

@@ -0,0 +1,156 @@
+/**
+ * @tekton-ui/core - SafeArea Utilities
+ * SafeArea calculation and application utilities for mobile platforms
+ * [SPEC-LAYOUT-004] [MILESTONE-3]
+ */
+import type { SafeAreaConfig } from './types.js';
+/**
+ * Safe Area Insets
+ * Represents the safe area insets for all four edges in points
+ */
+export interface SafeAreaInsets {
+    /** Top inset in points (notch, Dynamic Island, status bar) */
+    top: number;
+    /** Bottom inset in points (home indicator, gesture navigation) */
+    bottom: number;
+    /** Left inset in points (for landscape orientation) */
+    left: number;
+    /** Right inset in points (for landscape orientation) */
+    right: number;
+}
+/**
+ * Device Type Classification
+ * Used to determine appropriate SafeArea defaults
+ */
+export type DeviceType = 'ios-dynamic-island' | 'ios-notch' | 'ios-standard' | 'android-gesture' | 'android-button' | 'unknown';
+/**
+ * Detect device type for SafeArea defaults
+ *
+ * Uses screen dimensions and platform APIs to determine device classification.
+ * Detection strategy:
+ * - iOS: Checks screen dimensions and model via window.navigator
+ * - Android: Checks navigation mode via WindowInsets API
+ * - Web: Returns 'unknown'
+ *
+ * @returns DeviceType enum value
+ *
+ * @example
+ * ```typescript
+ * const device = detectDeviceType();
+ * if (device === 'ios-dynamic-island') {
+ *   console.log('Using 59pt top safe area');
+ * }
+ * ```
+ */
+export declare function detectDeviceType(): DeviceType;
+/**
+ * Get safe area top inset based on device type
+ *
+ * @returns Top inset in points
+ *
+ * @example
+ * ```typescript
+ * const topInset = getSafeAreaTop();
+ * // Returns 59 on iPhone 14 Pro (Dynamic Island)
+ * // Returns 44 on iPhone 13 (Notch)
+ * // Returns 20 on iPhone SE (Standard)
+ * ```
+ */
+export declare function getSafeAreaTop(): number;
+/**
+ * Get safe area bottom inset based on device type
+ *
+ * @returns Bottom inset in points
+ *
+ * @example
+ * ```typescript
+ * const bottomInset = getSafeAreaBottom();
+ * // Returns 34 on iPhone with Face ID (home indicator)
+ * // Returns 24 on Android with gesture navigation
+ * // Returns 48 on Android with 3-button navigation
+ * ```
+ */
+export declare function getSafeAreaBottom(): number;
+/**
+ * Get safe area insets for the current device
+ *
+ * Detection strategy:
+ * 1. In browser/web context: Returns zero insets
+ * 2. In React Native with react-native-safe-area-context: Uses library
+ * 3. Fallback: Uses detectDeviceType() and applies defaults
+ *
+ * @returns SafeAreaInsets object with top, bottom, left, right values in points
+ *
+ * @example
+ * ```typescript
+ * const insets = getSafeAreaInsets();
+ * console.log(insets.top); // 44 on iPhone 14, 59 on iPhone 14 Pro
+ * console.log(insets.bottom); // 34 on Face ID iPhones, 24 on Android gesture
+ * ```
+ */
+export declare function getSafeAreaInsets(): SafeAreaInsets;
+/**
+ * Apply safe area configuration to a layout
+ *
+ * Modifies layout padding based on safe area configuration and edges.
+ * Respects the edges configuration to determine which sides receive safe area padding.
+ *
+ * @param layout - Layout object to modify (must have padding property)
+ * @param config - SafeArea configuration from ShellToken
+ * @returns Modified layout with safe area applied
+ *
+ * @example
+ * ```typescript
+ * const layout = { padding: { top: 0, bottom: 0, left: 0, right: 0 } };
+ * const safeLayout = applySafeAreaToLayout(layout, shellConfig.safeArea);
+ * // Result: { padding: { top: 44, bottom: 34, left: 0, right: 0 } }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Only apply safe area to top edge
+ * const config = {
+ *   edges: { top: true, bottom: false, horizontal: false },
+ *   // ... other config
+ * };
+ * const layout = applySafeAreaToLayout(baseLayout, config);
+ * // Result: Only top padding is modified
+ * ```
+ */
+export declare function applySafeAreaToLayout<T extends {
+    padding?: {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    };
+    [key: string]: unknown;
+}>(layout: T, config: SafeAreaConfig): T;
+/**
+ * React Native hook to get safe area insets
+ *
+ * This is a placeholder implementation that wraps getSafeAreaInsets().
+ * In a real React Native environment, this should use the
+ * react-native-safe-area-context library's useSafeAreaInsets() hook.
+ *
+ * @returns SafeAreaInsets from react-native-safe-area-context or fallback
+ *
+ * @example
+ * ```typescript
+ * function MyComponent() {
+ *   const insets = useSafeArea();
+ *   return <View style={{ paddingTop: insets.top }} />;
+ * }
+ * ```
+ *
+ * @see https://github.com/th3rdwave/react-native-safe-area-context
+ *
+ * @remarks
+ * For production use, replace this with:
+ * ```typescript
+ * import { useSafeAreaInsets } from 'react-native-safe-area-context';
+ * export const useSafeArea = useSafeAreaInsets;
+ * ```
+ */
+export declare function useSafeArea(): SafeAreaInsets;
+//# sourceMappingURL=safe-area.d.ts.map

package/dist/layout-tokens/safe-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-area.d.ts","sourceRoot":"","sources":["../../src/layout-tokens/safe-area.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAMjD;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,8DAA8D;IAC9D,GAAG,EAAE,MAAM,CAAC;IAEZ,kEAAkE;IAClE,MAAM,EAAE,MAAM,CAAC;IAEf,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IAEb,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB,oBAAoB,GACpB,WAAW,GACX,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,SAAS,CAAC;AAMd;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,IAAI,UAAU,CAiB7C;AAqGD;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAYvC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAa1C;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,IAAI,cAAc,CAwBlD;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,SAAS;IACR,OAAO,CAAC,EAAE;QACR,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,EACD,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,GAAG,CAAC,CAuCtC;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,IAAI,cAAc,CAI5C"}