blacktrigram 0.7.2

package/lib/systems/ResponsiveScaling.d.ts

@@ -0,0 +1,298 @@
+/**
+ * Responsive Scaling System for Black Trigram
+ *
+ * Centralized scaling calculations for responsive layout across all screen sizes.
+ * Implements proportional font and spacing scaling with smooth transitions.
+ *
+ * Features:
+ * - Five screen size categories (mobile, tablet, desktop, large, xlarge)
+ * - Font scaling: 0.8x (mobile) to 1.4x (4K displays)
+ * - Spacing scaling: 0.5x (mobile) to 1.5x (4K displays)
+ * - Korean text readability: 14-24px range enforced
+ * - Smooth CSS transitions for resize operations
+ * - 60fps performance maintained
+ *
+ * @module systems/ResponsiveScaling
+ * @category Responsive Layout
+ * @korean 반응형스케일시스템
+ */
+import type { ScreenSize, ResponsiveBreakpoints, FontScaleMap, SpacingScaleMap, ResponsiveScaleConfig, ResizeTransitionConfig, ResponsiveValues, ScreenSizeTestResult } from '../types/ResponsiveTypes';
+export type { ScreenSize, ResponsiveBreakpoints, FontScaleMap, SpacingScaleMap, ResponsiveScaleConfig, ResizeTransitionConfig, ResponsiveValues, ScreenSizeTestResult, };
+/**
+ * Standard breakpoints for responsive design
+ * Maps viewport widths to device categories
+ *
+ * Note: XLARGE is defined as a reference value (2560px) but xlarge category
+ * starts at LARGE (1920px). This allows for consistent scaling across all
+ * displays from 1920px upwards, including 2K, 4K, and ultra-wide monitors.
+ *
+ * @constant
+ * @category Responsive Layout
+ */
+export declare const RESPONSIVE_BREAKPOINTS: ResponsiveBreakpoints;
+/**
+ * Font scaling multipliers by screen size
+ * Base size (16px) * scale = final size
+ *
+ * Results clamped to 14-24px for readability
+ *
+ * @constant
+ * @category Typography
+ */
+export declare const FONT_SCALE_MAP: FontScaleMap;
+/**
+ * Spacing scaling multipliers by screen size
+ * Base spacing * scale = final spacing
+ *
+ * @constant
+ * @category Layout
+ */
+export declare const SPACING_SCALE_MAP: SpacingScaleMap;
+/**
+ * Default transition configuration for smooth resizing
+ * Optimized for 60fps performance
+ *
+ * @constant
+ * @category Animation
+ */
+export declare const DEFAULT_RESIZE_TRANSITION: ResizeTransitionConfig;
+/**
+ * Font size constraints for Korean and English text
+ * Ensures readability across all screen sizes
+ *
+ * @constant
+ * @category Typography
+ */
+export declare const FONT_SIZE_CONSTRAINTS: {
+    /** Minimum body text size for readability */
+    readonly MIN_BODY_SIZE: 14;
+    /** Maximum size before text becomes too large */
+    readonly MAX_SIZE: 24;
+    /** Base reference size (desktop) */
+    readonly BASE_SIZE: 16;
+};
+/**
+ * Determine screen size category from viewport width
+ *
+ * Categories:
+ * - mobile: < 768px (phones)
+ * - tablet: 768-1024px (tablets)
+ * - desktop: 1024-1440px (standard monitors)
+ * - large: 1440-1920px (HD/2K displays)
+ * - xlarge: ≥1920px (4K/ultra-wide)
+ *
+ * @param width - Viewport width in pixels
+ * @returns Screen size category
+ *
+ * @example
+ * ```typescript
+ * getScreenSize(375);  // 'mobile'
+ * getScreenSize(768);  // 'tablet'
+ * getScreenSize(1920); // 'xlarge'
+ * ```
+ *
+ * @public
+ * @korean 화면크기얻기
+ */
+export declare function getScreenSize(width: number): ScreenSize;
+/**
+ * Calculate scaled font size with readability constraints
+ *
+ * Formula: baseSize * scale
+ * Clamped: max(minSize, min(maxSize, calculated))
+ *
+ * Ensures Korean and English text remain readable at all sizes
+ *
+ * @param baseSize - Base font size in pixels (typically 16px)
+ * @param screenSize - Current screen size category
+ * @param minSize - Minimum allowed size (default: 14px)
+ * @param maxSize - Maximum allowed size (default: 24px)
+ * @returns Calculated font size in pixels
+ *
+ * @example
+ * ```typescript
+ * calculateFontSize(16, 'mobile');  // 14 (clamped from 12.8)
+ * calculateFontSize(16, 'desktop'); // 16
+ * calculateFontSize(16, 'xlarge');  // 22.4
+ * calculateFontSize(20, 'xlarge', 14, 24); // 24 (clamped from 28)
+ * ```
+ *
+ * @public
+ * @korean 글꼴크기계산
+ */
+export declare function calculateFontSize(baseSize: number, screenSize: ScreenSize, minSize?: number, maxSize?: number): number;
+/**
+ * Calculate scaled spacing value
+ *
+ * Formula: baseSpacing * scale
+ * Rounded to nearest integer for crisp rendering
+ *
+ * @param baseSpacing - Base spacing value in pixels
+ * @param screenSize - Current screen size category
+ * @returns Calculated spacing in pixels (rounded)
+ *
+ * @example
+ * ```typescript
+ * calculateSpacing(20, 'mobile');  // 10 (20 * 0.5)
+ * calculateSpacing(20, 'desktop'); // 20
+ * calculateSpacing(20, 'xlarge');  // 30 (20 * 1.5)
+ * ```
+ *
+ * @public
+ * @korean 간격계산
+ */
+export declare function calculateSpacing(baseSpacing: number, screenSize: ScreenSize): number;
+/**
+ * Get font scale multiplier for screen size
+ *
+ * @param screenSize - Screen size category
+ * @returns Scale multiplier (0.8 - 1.4)
+ *
+ * @example
+ * ```typescript
+ * getFontScale('mobile');  // 0.8
+ * getFontScale('desktop'); // 1.0
+ * getFontScale('xlarge');  // 1.4
+ * ```
+ *
+ * @public
+ * @korean 글꼴스케일얻기
+ */
+export declare function getFontScale(screenSize: ScreenSize): number;
+/**
+ * Get spacing scale multiplier for screen size
+ *
+ * @param screenSize - Screen size category
+ * @returns Scale multiplier (0.5 - 1.5)
+ *
+ * @example
+ * ```typescript
+ * getSpacingScale('mobile');  // 0.5
+ * getSpacingScale('desktop'); // 1.0
+ * getSpacingScale('xlarge');  // 1.5
+ * ```
+ *
+ * @public
+ * @korean 간격스케일얻기
+ */
+export declare function getSpacingScale(screenSize: ScreenSize): number;
+/**
+ * Create CSS transition string for smooth resizing
+ *
+ * @param config - Transition configuration (optional)
+ * @returns CSS transition string
+ *
+ * @example
+ * ```typescript
+ * createTransitionString();
+ * // 'font-size 300ms ease-in-out, padding 300ms ease-in-out, ...'
+ *
+ * createTransitionString({ duration: '200ms', easing: 'linear' });
+ * // 'font-size 200ms linear, padding 200ms linear, ...'
+ * ```
+ *
+ * @public
+ * @korean 전환문자열생성
+ */
+export declare function createTransitionString(config?: Partial<ResizeTransitionConfig>): string;
+/**
+ * Create complete responsive scale configuration
+ *
+ * @param width - Viewport width
+ * @param height - Viewport height
+ * @returns Complete responsive configuration
+ *
+ * @example
+ * ```typescript
+ * const config = createResponsiveConfig(375, 667);
+ * console.log(config.screenSize);  // 'mobile'
+ * console.log(config.fontScale);   // 0.8
+ * console.log(config.spacingScale); // 0.5
+ * ```
+ *
+ * @public
+ * @korean 반응형설정생성
+ */
+export declare function createResponsiveConfig(width: number, height: number): ResponsiveScaleConfig;
+/**
+ * Calculate all responsive values for a component
+ *
+ * Computes font sizes, spacing, and transitions based on screen size
+ * Ready-to-use values for component styling
+ *
+ * @param width - Viewport width
+ * @param baseFontSize - Base font size (default: 16px)
+ * @param baseSpacing - Base spacing unit (default: 16px)
+ * @returns Complete responsive values
+ *
+ * @example
+ * ```typescript
+ * const values = calculateResponsiveValues(375);
+ *
+ * <div style={{
+ *   fontSize: values.fontSize.body,
+ *   padding: values.spacing.md,
+ *   transition: values.transition,
+ * }}>
+ *   Responsive content
+ * </div>
+ * ```
+ *
+ * @public
+ * @korean 반응형값계산
+ */
+export declare function calculateResponsiveValues(width: number, baseFontSize?: number, baseSpacing?: number): ResponsiveValues;
+/**
+ * Test screen size determination for validation
+ *
+ * Useful for testing and debugging responsive breakpoints.
+ * Screen size is determined by width (breakpoints), but height is included
+ * in the result for testing portrait/landscape orientations.
+ *
+ * @param width - Viewport width to test
+ * @param height - Viewport height to test
+ * @returns Test result with screen size and device type flags
+ *
+ * @example
+ * ```typescript
+ * const result = testScreenSize(768, 1024);
+ * console.log(result.screenSize);  // 'tablet'
+ * console.log(result.isTablet);    // true
+ * console.log(result.isMobile);    // false
+ * ```
+ *
+ * @public
+ * @korean 화면크기테스트
+ */
+export declare function testScreenSize(width: number, height: number): ScreenSizeTestResult;
+/**
+ * Check if screen size is mobile
+ *
+ * @param width - Viewport width
+ * @returns True if mobile screen size
+ *
+ * @public
+ * @korean 모바일확인
+ */
+export declare function isMobileSize(width: number): boolean;
+/**
+ * Check if screen size is tablet
+ *
+ * @param width - Viewport width
+ * @returns True if tablet screen size
+ *
+ * @public
+ * @korean 태블릿확인
+ */
+export declare function isTabletSize(width: number): boolean;
+/**
+ * Check if screen size is desktop or larger
+ *
+ * @param width - Viewport width
+ * @returns True if desktop, large, or xlarge screen size
+ *
+ * @public
+ * @korean 데스크톱확인
+ */
+export declare function isDesktopSize(width: number): boolean;
+//# sourceMappingURL=ResponsiveScaling.d.ts.map

package/lib/systems/ResponsiveScaling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveScaling.d.ts","sourceRoot":"","sources":["../../src/systems/ResponsiveScaling.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EACV,UAAU,EACV,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EACV,UAAU,EACV,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,GACrB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,sBAAsB,EAAE,qBAM3B,CAAC;AAEX;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,YAMnB,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,eAMtB,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,EAAE,sBAK9B,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB;IAChC,6CAA6C;;IAE7C,iDAAiD;;IAEjD,oCAAoC;;CAE5B,CAAC;AAEX;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,CAMvD;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,GAAE,MAA4C,EACrD,OAAO,GAAE,MAAuC,GAC/C,MAAM,CAMR;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,UAAU,GACrB,MAAM,CAGR;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAE3D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAE9D;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,GAAE,OAAO,CAAC,sBAAsB,CAAM,GAC3C,MAAM,CAeR;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,qBAAqB,CAWvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,MAAM,EACb,YAAY,GAAE,MAAwC,EACtD,WAAW,GAAE,MAAW,GACvB,gBAAgB,CA6BlB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,oBAAoB,CActB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEnD;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEnD;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAGpD"}

package/lib/systems/ResponsiveScaling.js

@@ -0,0 +1,376 @@
+//#region src/systems/ResponsiveScaling.ts
+/**
+* Standard breakpoints for responsive design
+* Maps viewport widths to device categories
+* 
+* Note: XLARGE is defined as a reference value (2560px) but xlarge category
+* starts at LARGE (1920px). This allows for consistent scaling across all
+* displays from 1920px upwards, including 2K, 4K, and ultra-wide monitors.
+* 
+* @constant
+* @category Responsive Layout
+*/
+var RESPONSIVE_BREAKPOINTS = {
+	MOBILE: 768,
+	TABLET: 1024,
+	DESKTOP: 1440,
+	LARGE: 1920,
+	XLARGE: 2560
+};
+/**
+* Font scaling multipliers by screen size
+* Base size (16px) * scale = final size
+* 
+* Results clamped to 14-24px for readability
+* 
+* @constant
+* @category Typography
+*/
+var FONT_SCALE_MAP = {
+	mobile: .8,
+	tablet: .9,
+	desktop: 1,
+	large: 1.2,
+	xlarge: 1.4
+};
+/**
+* Spacing scaling multipliers by screen size
+* Base spacing * scale = final spacing
+* 
+* @constant
+* @category Layout
+*/
+var SPACING_SCALE_MAP = {
+	mobile: .5,
+	tablet: .75,
+	desktop: 1,
+	large: 1.25,
+	xlarge: 1.5
+};
+/**
+* Default transition configuration for smooth resizing
+* Optimized for 60fps performance
+* 
+* @constant
+* @category Animation
+*/
+var DEFAULT_RESIZE_TRANSITION = {
+	duration: "300ms",
+	easing: "ease-in-out",
+	properties: [
+		"font-size",
+		"padding",
+		"margin",
+		"width",
+		"height"
+	],
+	enabled: true
+};
+/**
+* Font size constraints for Korean and English text
+* Ensures readability across all screen sizes
+* 
+* @constant
+* @category Typography
+*/
+var FONT_SIZE_CONSTRAINTS = {
+	MIN_BODY_SIZE: 14,
+	MAX_SIZE: 24,
+	BASE_SIZE: 16
+};
+/**
+* Determine screen size category from viewport width
+* 
+* Categories:
+* - mobile: < 768px (phones)
+* - tablet: 768-1024px (tablets)
+* - desktop: 1024-1440px (standard monitors)
+* - large: 1440-1920px (HD/2K displays)
+* - xlarge: ≥1920px (4K/ultra-wide)
+* 
+* @param width - Viewport width in pixels
+* @returns Screen size category
+* 
+* @example
+* ```typescript
+* getScreenSize(375);  // 'mobile'
+* getScreenSize(768);  // 'tablet'
+* getScreenSize(1920); // 'xlarge'
+* ```
+* 
+* @public
+* @korean 화면크기얻기
+*/
+function getScreenSize(width) {
+	if (width < RESPONSIVE_BREAKPOINTS.MOBILE) return "mobile";
+	if (width < RESPONSIVE_BREAKPOINTS.TABLET) return "tablet";
+	if (width < RESPONSIVE_BREAKPOINTS.DESKTOP) return "desktop";
+	if (width < RESPONSIVE_BREAKPOINTS.LARGE) return "large";
+	return "xlarge";
+}
+/**
+* Calculate scaled font size with readability constraints
+* 
+* Formula: baseSize * scale
+* Clamped: max(minSize, min(maxSize, calculated))
+* 
+* Ensures Korean and English text remain readable at all sizes
+* 
+* @param baseSize - Base font size in pixels (typically 16px)
+* @param screenSize - Current screen size category
+* @param minSize - Minimum allowed size (default: 14px)
+* @param maxSize - Maximum allowed size (default: 24px)
+* @returns Calculated font size in pixels
+* 
+* @example
+* ```typescript
+* calculateFontSize(16, 'mobile');  // 14 (clamped from 12.8)
+* calculateFontSize(16, 'desktop'); // 16
+* calculateFontSize(16, 'xlarge');  // 22.4
+* calculateFontSize(20, 'xlarge', 14, 24); // 24 (clamped from 28)
+* ```
+* 
+* @public
+* @korean 글꼴크기계산
+*/
+function calculateFontSize(baseSize, screenSize, minSize = FONT_SIZE_CONSTRAINTS.MIN_BODY_SIZE, maxSize = FONT_SIZE_CONSTRAINTS.MAX_SIZE) {
+	const scaled = baseSize * FONT_SCALE_MAP[screenSize];
+	return Math.max(minSize, Math.min(maxSize, scaled));
+}
+/**
+* Calculate scaled spacing value
+* 
+* Formula: baseSpacing * scale
+* Rounded to nearest integer for crisp rendering
+* 
+* @param baseSpacing - Base spacing value in pixels
+* @param screenSize - Current screen size category
+* @returns Calculated spacing in pixels (rounded)
+* 
+* @example
+* ```typescript
+* calculateSpacing(20, 'mobile');  // 10 (20 * 0.5)
+* calculateSpacing(20, 'desktop'); // 20
+* calculateSpacing(20, 'xlarge');  // 30 (20 * 1.5)
+* ```
+* 
+* @public
+* @korean 간격계산
+*/
+function calculateSpacing(baseSpacing, screenSize) {
+	const scale = SPACING_SCALE_MAP[screenSize];
+	return Math.round(baseSpacing * scale);
+}
+/**
+* Get font scale multiplier for screen size
+* 
+* @param screenSize - Screen size category
+* @returns Scale multiplier (0.8 - 1.4)
+* 
+* @example
+* ```typescript
+* getFontScale('mobile');  // 0.8
+* getFontScale('desktop'); // 1.0
+* getFontScale('xlarge');  // 1.4
+* ```
+* 
+* @public
+* @korean 글꼴스케일얻기
+*/
+function getFontScale(screenSize) {
+	return FONT_SCALE_MAP[screenSize];
+}
+/**
+* Get spacing scale multiplier for screen size
+* 
+* @param screenSize - Screen size category
+* @returns Scale multiplier (0.5 - 1.5)
+* 
+* @example
+* ```typescript
+* getSpacingScale('mobile');  // 0.5
+* getSpacingScale('desktop'); // 1.0
+* getSpacingScale('xlarge');  // 1.5
+* ```
+* 
+* @public
+* @korean 간격스케일얻기
+*/
+function getSpacingScale(screenSize) {
+	return SPACING_SCALE_MAP[screenSize];
+}
+/**
+* Create CSS transition string for smooth resizing
+* 
+* @param config - Transition configuration (optional)
+* @returns CSS transition string
+* 
+* @example
+* ```typescript
+* createTransitionString();
+* // 'font-size 300ms ease-in-out, padding 300ms ease-in-out, ...'
+* 
+* createTransitionString({ duration: '200ms', easing: 'linear' });
+* // 'font-size 200ms linear, padding 200ms linear, ...'
+* ```
+* 
+* @public
+* @korean 전환문자열생성
+*/
+function createTransitionString(config = {}) {
+	const { duration = DEFAULT_RESIZE_TRANSITION.duration, easing = DEFAULT_RESIZE_TRANSITION.easing, properties = DEFAULT_RESIZE_TRANSITION.properties, enabled = DEFAULT_RESIZE_TRANSITION.enabled } = config;
+	if (!enabled) return "none";
+	return properties.map((prop) => `${prop} ${duration} ${easing}`).join(", ");
+}
+/**
+* Create complete responsive scale configuration
+* 
+* @param width - Viewport width
+* @param height - Viewport height
+* @returns Complete responsive configuration
+* 
+* @example
+* ```typescript
+* const config = createResponsiveConfig(375, 667);
+* console.log(config.screenSize);  // 'mobile'
+* console.log(config.fontScale);   // 0.8
+* console.log(config.spacingScale); // 0.5
+* ```
+* 
+* @public
+* @korean 반응형설정생성
+*/
+function createResponsiveConfig(width, height) {
+	const screenSize = getScreenSize(width);
+	return {
+		screenSize,
+		fontScale: getFontScale(screenSize),
+		spacingScale: getSpacingScale(screenSize),
+		viewport: {
+			width,
+			height
+		}
+	};
+}
+/**
+* Calculate all responsive values for a component
+* 
+* Computes font sizes, spacing, and transitions based on screen size
+* Ready-to-use values for component styling
+* 
+* @param width - Viewport width
+* @param baseFontSize - Base font size (default: 16px)
+* @param baseSpacing - Base spacing unit (default: 16px)
+* @returns Complete responsive values
+* 
+* @example
+* ```typescript
+* const values = calculateResponsiveValues(375);
+* 
+* <div style={{
+*   fontSize: values.fontSize.body,
+*   padding: values.spacing.md,
+*   transition: values.transition,
+* }}>
+*   Responsive content
+* </div>
+* ```
+* 
+* @public
+* @korean 반응형값계산
+*/
+function calculateResponsiveValues(width, baseFontSize = FONT_SIZE_CONSTRAINTS.BASE_SIZE, baseSpacing = 16) {
+	const screenSize = getScreenSize(width);
+	return {
+		fontSize: {
+			small: calculateFontSize(baseFontSize * .75, screenSize, 12, 18),
+			body: calculateFontSize(baseFontSize, screenSize),
+			title: calculateFontSize(baseFontSize * 1.5, screenSize, 18, 28),
+			hero: calculateFontSize(baseFontSize * 2.25, screenSize, 24, 36),
+			hud: calculateFontSize(baseFontSize * 1.25, screenSize, 16, 24)
+		},
+		spacing: {
+			xs: calculateSpacing(baseSpacing * .5, screenSize),
+			sm: calculateSpacing(baseSpacing * .75, screenSize),
+			md: calculateSpacing(baseSpacing, screenSize),
+			lg: calculateSpacing(baseSpacing * 1.5, screenSize),
+			xl: calculateSpacing(baseSpacing * 2, screenSize)
+		},
+		transition: createTransitionString()
+	};
+}
+/**
+* Test screen size determination for validation
+* 
+* Useful for testing and debugging responsive breakpoints.
+* Screen size is determined by width (breakpoints), but height is included
+* in the result for testing portrait/landscape orientations.
+* 
+* @param width - Viewport width to test
+* @param height - Viewport height to test
+* @returns Test result with screen size and device type flags
+* 
+* @example
+* ```typescript
+* const result = testScreenSize(768, 1024);
+* console.log(result.screenSize);  // 'tablet'
+* console.log(result.isTablet);    // true
+* console.log(result.isMobile);    // false
+* ```
+* 
+* @public
+* @korean 화면크기테스트
+*/
+function testScreenSize(width, height) {
+	const screenSize = getScreenSize(width);
+	return {
+		width,
+		height,
+		screenSize,
+		isMobile: screenSize === "mobile",
+		isTablet: screenSize === "tablet",
+		isDesktop: screenSize === "desktop" || screenSize === "large" || screenSize === "xlarge",
+		isLandscape: width > height
+	};
+}
+/**
+* Check if screen size is mobile
+* 
+* @param width - Viewport width
+* @returns True if mobile screen size
+* 
+* @public
+* @korean 모바일확인
+*/
+function isMobileSize(width) {
+	return getScreenSize(width) === "mobile";
+}
+/**
+* Check if screen size is tablet
+* 
+* @param width - Viewport width
+* @returns True if tablet screen size
+* 
+* @public
+* @korean 태블릿확인
+*/
+function isTabletSize(width) {
+	return getScreenSize(width) === "tablet";
+}
+/**
+* Check if screen size is desktop or larger
+* 
+* @param width - Viewport width
+* @returns True if desktop, large, or xlarge screen size
+* 
+* @public
+* @korean 데스크톱확인
+*/
+function isDesktopSize(width) {
+	const size = getScreenSize(width);
+	return size === "desktop" || size === "large" || size === "xlarge";
+}
+//#endregion
+export { DEFAULT_RESIZE_TRANSITION, FONT_SCALE_MAP, FONT_SIZE_CONSTRAINTS, RESPONSIVE_BREAKPOINTS, SPACING_SCALE_MAP, calculateFontSize, calculateResponsiveValues, calculateSpacing, createResponsiveConfig, createTransitionString, getFontScale, getScreenSize, getSpacingScale, isDesktopSize, isMobileSize, isTabletSize, testScreenSize };
+
+//# sourceMappingURL=ResponsiveScaling.js.map