blacktrigram 0.7.2

package/lib/types/constants/typography.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Typography constants for Black Trigram
+ */
+export declare const FONT_FAMILY: {
+    readonly PRIMARY: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
+    readonly SECONDARY: "\"Nanum Gothic\", Arial, sans-serif";
+    readonly MONO: "\"Nanum Gothic Coding\", monospace";
+    readonly KOREAN_BATTLE: "\"Noto Sans KR\", Impact, sans-serif";
+    readonly CYBER: "\"Orbitron\", \"Noto Sans KR\", monospace";
+    readonly SYMBOL: "\"Arial Unicode MS\", Arial, sans-serif";
+    readonly KOREAN: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
+};
+export declare const FONT_SIZES: {
+    readonly xsmall: 8;
+    readonly tiny: 10;
+    readonly small: 12;
+    readonly medium: 16;
+    readonly large: 20;
+    readonly xlarge: 24;
+    readonly xxlarge: 28;
+    readonly huge: 32;
+    readonly title: 36;
+    readonly subtitle: 28;
+};
+export declare const FONT_WEIGHTS: {
+    readonly light: 300;
+    readonly normal: 400;
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+    readonly heavy: 900;
+};
+export declare const KOREAN_TEXT_SIZES: Record<string, number>;
+/**
+ * Korean font sizes optimized for mobile devices
+ * Korean characters need ~10-15% larger size than Latin for equal readability
+ *
+ * UPDATED: Minimum mobile size increased from 14px to 16px for better readability
+ *
+ * Extra-small: <380px width (iPhone SE, old Android, budget phones)
+ * Small: 380-450px width (standard mobile phones)
+ * Regular: 450+ width (large phones, tablets, desktop)
+ *
+ * @category Typography
+ * @korean 한글모바일글꼴크기
+ */
+export declare const KOREAN_MOBILE_FONT_SIZES: {
+    readonly SMALL: {
+        readonly extraSmall: 15;
+        readonly small: 16;
+        readonly regular: 17;
+    };
+    readonly MEDIUM: {
+        readonly extraSmall: 17;
+        readonly small: 18;
+        readonly regular: 20;
+    };
+    readonly LARGE: {
+        readonly extraSmall: 20;
+        readonly small: 22;
+        readonly regular: 24;
+    };
+};
+/**
+ * Get Korean font size based on screen width
+ * Automatically scales Korean text for readability on small screens
+ *
+ * @param baseSize - Base font size category ('SMALL', 'MEDIUM', 'LARGE')
+ * @param screenWidth - Screen width in pixels
+ * @returns Optimized font size in pixels
+ *
+ * @example
+ * ```typescript
+ * getKoreanFontSize('MEDIUM', 375); // 15 (extra-small)
+ * getKoreanFontSize('MEDIUM', 410); // 17 (small)
+ * getKoreanFontSize('MEDIUM', 768); // 19 (regular)
+ * ```
+ *
+ * @public
+ * @korean 한글글꼴크기얻기
+ */
+export declare function getKoreanFontSize(baseSize: keyof typeof KOREAN_MOBILE_FONT_SIZES, screenWidth: number): number;
+export declare const KOREAN_FONT_WEIGHTS: Record<string, number>;
+//# sourceMappingURL=typography.d.ts.map

package/lib/types/constants/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/types/constants/typography.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,WAAW;;;;;;;;CAQd,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;CAWb,CAAC;AAGX,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAGX,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEX;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,OAAO,wBAAwB,EAC/C,WAAW,EAAE,MAAM,GAClB,MAAM,CAUR;AAGD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ7C,CAAC"}

package/lib/types/constants/typography.js

@@ -0,0 +1,110 @@
+//#region src/types/constants/typography.ts
+/**
+* Typography constants for Black Trigram
+*/
+var FONT_FAMILY = {
+	PRIMARY: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif",
+	SECONDARY: "\"Nanum Gothic\", Arial, sans-serif",
+	MONO: "\"Nanum Gothic Coding\", monospace",
+	KOREAN_BATTLE: "\"Noto Sans KR\", Impact, sans-serif",
+	CYBER: "\"Orbitron\", \"Noto Sans KR\", monospace",
+	SYMBOL: "\"Arial Unicode MS\", Arial, sans-serif",
+	KOREAN: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif"
+};
+var FONT_SIZES = {
+	xsmall: 8,
+	tiny: 10,
+	small: 12,
+	medium: 16,
+	large: 20,
+	xlarge: 24,
+	xxlarge: 28,
+	huge: 32,
+	title: 36,
+	subtitle: 28
+};
+var FONT_WEIGHTS = {
+	light: 300,
+	normal: 400,
+	regular: 400,
+	medium: 500,
+	semibold: 600,
+	bold: 700,
+	heavy: 900
+};
+var KOREAN_TEXT_SIZES = {
+	tiny: 10,
+	small: 12,
+	medium: 16,
+	large: 20,
+	xlarge: 24,
+	huge: 32,
+	title: 36
+};
+/**
+* Korean font sizes optimized for mobile devices
+* Korean characters need ~10-15% larger size than Latin for equal readability
+* 
+* UPDATED: Minimum mobile size increased from 14px to 16px for better readability
+* 
+* Extra-small: <380px width (iPhone SE, old Android, budget phones)
+* Small: 380-450px width (standard mobile phones)
+* Regular: 450+ width (large phones, tablets, desktop)
+* 
+* @category Typography
+* @korean 한글모바일글꼴크기
+*/
+var KOREAN_MOBILE_FONT_SIZES = {
+	SMALL: {
+		extraSmall: 15,
+		small: 16,
+		regular: 17
+	},
+	MEDIUM: {
+		extraSmall: 17,
+		small: 18,
+		regular: 20
+	},
+	LARGE: {
+		extraSmall: 20,
+		small: 22,
+		regular: 24
+	}
+};
+/**
+* Get Korean font size based on screen width
+* Automatically scales Korean text for readability on small screens
+* 
+* @param baseSize - Base font size category ('SMALL', 'MEDIUM', 'LARGE')
+* @param screenWidth - Screen width in pixels
+* @returns Optimized font size in pixels
+* 
+* @example
+* ```typescript
+* getKoreanFontSize('MEDIUM', 375); // 15 (extra-small)
+* getKoreanFontSize('MEDIUM', 410); // 17 (small)
+* getKoreanFontSize('MEDIUM', 768); // 19 (regular)
+* ```
+* 
+* @public
+* @korean 한글글꼴크기얻기
+*/
+function getKoreanFontSize(baseSize, screenWidth) {
+	const sizeMap = KOREAN_MOBILE_FONT_SIZES[baseSize];
+	if (screenWidth < 380) return sizeMap.extraSmall;
+	else if (screenWidth < 450) return sizeMap.small;
+	else return sizeMap.regular;
+}
+var KOREAN_FONT_WEIGHTS = {
+	light: 300,
+	normal: 400,
+	regular: 400,
+	medium: 500,
+	semibold: 600,
+	bold: 700,
+	heavy: 900
+};
+//#endregion
+export { FONT_FAMILY, FONT_SIZES, FONT_WEIGHTS, KOREAN_FONT_WEIGHTS, KOREAN_MOBILE_FONT_SIZES, KOREAN_TEXT_SIZES, getKoreanFontSize };
+
+//# sourceMappingURL=typography.js.map

package/lib/types/constants/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":[],"sources":["../../../src/types/constants/typography.ts"],"sourcesContent":["/**\n * Typography constants for Black Trigram\n */\n\n// Font Families\nexport const FONT_FAMILY = {\n  PRIMARY: '\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif',\n  SECONDARY: '\"Nanum Gothic\", Arial, sans-serif',\n  MONO: '\"Nanum Gothic Coding\", monospace',\n  KOREAN_BATTLE: '\"Noto Sans KR\", Impact, sans-serif',\n  CYBER: '\"Orbitron\", \"Noto Sans KR\", monospace',\n  SYMBOL: '\"Arial Unicode MS\", Arial, sans-serif',\n  KOREAN: '\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif',\n} as const;\n\n// Font sizes\nexport const FONT_SIZES = {\n  xsmall: 8,\n  tiny: 10,\n  small: 12,\n  medium: 16,\n  large: 20,\n  xlarge: 24,\n  xxlarge: 28,\n  huge: 32,\n  title: 36,\n  subtitle: 28,\n} as const;\n\n// Font weights\nexport const FONT_WEIGHTS = {\n  light: 300,\n  normal: 400,\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n  heavy: 900,\n} as const;\n\n// Korean text sizes\nexport const KOREAN_TEXT_SIZES: Record<string, number> = {\n  tiny: 10,\n  small: 12,\n  medium: 16,\n  large: 20,\n  xlarge: 24,\n  huge: 32,\n  title: 36,\n};\n\n/**\n * Korean font sizes optimized for mobile devices\n * Korean characters need ~10-15% larger size than Latin for equal readability\n * \n * UPDATED: Minimum mobile size increased from 14px to 16px for better readability\n * \n * Extra-small: <380px width (iPhone SE, old Android, budget phones)\n * Small: 380-450px width (standard mobile phones)\n * Regular: 450+ width (large phones, tablets, desktop)\n * \n * @category Typography\n * @korean 한글모바일글꼴크기\n */\nexport const KOREAN_MOBILE_FONT_SIZES = {\n  SMALL: {\n    extraSmall: 15, // 320-380px width (was 13)\n    small: 16,      // 380-450px width (was 14)\n    regular: 17,    // 450+ width (was 16)\n  },\n  MEDIUM: {\n    extraSmall: 17, // 320-380px width (was 15)\n    small: 18,      // 380-450px width (was 17)\n    regular: 20,    // 450+ width (was 19)\n  },\n  LARGE: {\n    extraSmall: 20, // 320-380px width (was 18)\n    small: 22,      // 380-450px width (was 20)\n    regular: 24,    // 450+ width (was 22)\n  },\n} as const;\n\n/**\n * Get Korean font size based on screen width\n * Automatically scales Korean text for readability on small screens\n * \n * @param baseSize - Base font size category ('SMALL', 'MEDIUM', 'LARGE')\n * @param screenWidth - Screen width in pixels\n * @returns Optimized font size in pixels\n * \n * @example\n * ```typescript\n * getKoreanFontSize('MEDIUM', 375); // 15 (extra-small)\n * getKoreanFontSize('MEDIUM', 410); // 17 (small)\n * getKoreanFontSize('MEDIUM', 768); // 19 (regular)\n * ```\n * \n * @public\n * @korean 한글글꼴크기얻기\n */\nexport function getKoreanFontSize(\n  baseSize: keyof typeof KOREAN_MOBILE_FONT_SIZES,\n  screenWidth: number\n): number {\n  const sizeMap = KOREAN_MOBILE_FONT_SIZES[baseSize];\n  \n  if (screenWidth < 380) {\n    return sizeMap.extraSmall;\n  } else if (screenWidth < 450) {\n    return sizeMap.small;\n  } else {\n    return sizeMap.regular;\n  }\n}\n\n// Korean font weights\nexport const KOREAN_FONT_WEIGHTS: Record<string, number> = {\n  light: 300,\n  normal: 400,\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n  heavy: 900,\n} as const;\n"],"mappings":";;;;AAKA,IAAa,cAAc;CACzB,SAAS;CACT,WAAW;CACX,MAAM;CACN,eAAe;CACf,OAAO;CACP,QAAQ;CACR,QAAQ;CACT;AAGD,IAAa,aAAa;CACxB,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACN,OAAO;CACP,UAAU;CACX;AAGD,IAAa,eAAe;CAC1B,OAAO;CACP,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;CACN,OAAO;CACR;AAGD,IAAa,oBAA4C;CACvD,MAAM;CACN,OAAO;CACP,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACR;;;;;;;;;;;;;;AAeD,IAAa,2BAA2B;CACtC,OAAO;EACL,YAAY;EACZ,OAAO;EACP,SAAS;EACV;CACD,QAAQ;EACN,YAAY;EACZ,OAAO;EACP,SAAS;EACV;CACD,OAAO;EACL,YAAY;EACZ,OAAO;EACP,SAAS;EACV;CACF;;;;;;;;;;;;;;;;;;;AAoBD,SAAgB,kBACd,UACA,aACQ;CACR,MAAM,UAAU,yBAAyB;AAEzC,KAAI,cAAc,IAChB,QAAO,QAAQ;UACN,cAAc,IACvB,QAAO,QAAQ;KAEf,QAAO,QAAQ;;AAKnB,IAAa,sBAA8C;CACzD,OAAO;CACP,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;CACN,OAAO;CACR"}

package/lib/types/constants/ui.d.ts

@@ -0,0 +1,187 @@
+/**
+ * UI constants for Black Trigram Korean martial arts interface
+ */
+/**
+ * Safe area inset defaults for notched devices
+ * iOS devices: iPhone X+ have notches and home indicators
+ * Android devices: Various implementations
+ *
+ * @category UI Constants
+ * @korean 안전영역삽입
+ */
+export declare const SAFE_AREA_INSETS: {
+    readonly TOP: 44;
+    readonly BOTTOM: 34;
+    readonly LEFT: 0;
+    readonly RIGHT: 0;
+};
+export declare const UI_DIMENSIONS: {
+    readonly HEADER_HEIGHT: 80;
+    readonly FOOTER_HEIGHT: 60;
+    readonly SIDEBAR_WIDTH: 250;
+    readonly CONTENT_PADDING: 20;
+    readonly BUTTON_SMALL: {
+        readonly width: 80;
+        readonly height: 32;
+    };
+    readonly BUTTON_MEDIUM: {
+        readonly width: 120;
+        readonly height: 40;
+    };
+    readonly BUTTON_LARGE: {
+        readonly width: 200;
+        readonly height: 50;
+    };
+    readonly MODAL_SMALL: {
+        readonly width: 400;
+        readonly height: 300;
+    };
+    readonly MODAL_MEDIUM: {
+        readonly width: 600;
+        readonly height: 450;
+    };
+    readonly MODAL_LARGE: {
+        readonly width: 800;
+        readonly height: 600;
+    };
+    readonly DEFAULT_SCREEN_WIDTH: 1920;
+    readonly DEFAULT_SCREEN_HEIGHT: 1080;
+    readonly TOUCH_TARGET_MIN: 48;
+    readonly TOUCH_TARGET_COMFORTABLE: 56;
+    readonly TOUCH_TARGET_SPACING: 8;
+};
+export declare const Z_INDEX: {
+    readonly BACKGROUND: 0;
+    readonly GAME_WORLD: 100;
+    readonly UI_BACKGROUND: 200;
+    readonly UI_ELEMENTS: 300;
+    readonly MODALS: 400;
+    readonly TOOLTIPS: 500;
+    readonly DEBUG_OVERLAY: 1000;
+};
+export declare const SPACING: {
+    readonly XS: 4;
+    readonly SM: 8;
+    readonly MD: 16;
+    readonly LG: 24;
+    readonly XL: 32;
+    readonly XXL: 48;
+    readonly COMPACT: 12;
+};
+export declare const BORDER_RADIUS: {
+    readonly NONE: 0;
+    readonly SM: 4;
+    readonly MD: 8;
+    readonly LG: 12;
+    readonly XL: 16;
+    readonly ROUND: 9999;
+};
+export declare const SHADOWS: {
+    readonly SM: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+    readonly MD: "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
+    readonly LG: "0 10px 15px -3px rgba(0, 0, 0, 0.1)";
+    readonly XL: "0 20px 25px -5px rgba(0, 0, 0, 0.1)";
+    readonly CYBER: "0 0 20px rgba(0, 255, 255, 0.3)";
+    readonly KOREAN_GLOW: "0 0 15px rgba(255, 215, 0, 0.4)";
+};
+export declare const UI_ANIMATIONS: {
+    readonly FAST: "150ms ease-out";
+    readonly NORMAL: "250ms ease-in-out";
+    readonly SLOW: "400ms ease-in-out";
+    readonly BOUNCE: "300ms cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+};
+export declare const BUTTON_STATES: {
+    readonly NORMAL: {
+        readonly background: 1710618;
+        readonly border: 5924216;
+        readonly text: 16777215;
+        readonly alpha: 1;
+    };
+    readonly HOVER: {
+        readonly background: 2763306;
+        readonly border: 59110;
+        readonly text: 59110;
+        readonly alpha: 1;
+    };
+    readonly PRESSED: {
+        readonly background: 657930;
+        readonly border: 59110;
+        readonly text: 59110;
+        readonly alpha: 0.8;
+    };
+    readonly DISABLED: {
+        readonly background: 4015960;
+        readonly border: 2763326;
+        readonly text: 11184810;
+        readonly alpha: 0.5;
+    };
+};
+export declare const HEALTH_COLORS: {
+    readonly FULL: 65280;
+    readonly HIGH: 16777011;
+    readonly MEDIUM: 16742195;
+    readonly LOW: 16777011;
+    readonly CRITICAL: 16711680;
+    readonly UNCONSCIOUS: 9474192;
+};
+export declare const STATUS_COLORS: {
+    readonly POSITIVE: 65280;
+    readonly NEGATIVE: 16711680;
+    readonly NEUTRAL: 13421772;
+    readonly TEMPORARY: 16777011;
+    readonly PERMANENT: 11158783;
+};
+export declare const COMBAT_FEEDBACK_COLORS: {
+    readonly HIT: 16729156;
+    readonly CRITICAL_HIT: 16729156;
+    readonly BLOCKED: 9474192;
+    readonly MISS: 9474192;
+    readonly PERFECT: 16761856;
+    readonly COUNTER: 59110;
+    readonly VITAL_POINT: 16724991;
+};
+/**
+ * UI Layout and component constants for Korean martial arts game
+ */
+export declare const UI_CONSTANTS: {
+    readonly HEADER_HEIGHT: 80;
+    readonly FOOTER_HEIGHT: 60;
+    readonly SIDEBAR_WIDTH: 240;
+    readonly PANEL_WIDTH: 320;
+    readonly BUTTON_HEIGHT: 48;
+    readonly BUTTON_WIDTH: 160;
+    readonly INPUT_HEIGHT: 40;
+    readonly CARD_MIN_HEIGHT: 120;
+    readonly MARGIN_SMALL: 8;
+    readonly MARGIN_MEDIUM: 16;
+    readonly MARGIN_LARGE: 24;
+    readonly MARGIN_XLARGE: 32;
+    readonly BORDER_RADIUS: 8;
+    readonly BORDER_WIDTH: 2;
+    readonly ANIMATION_FAST: 150;
+    readonly ANIMATION_NORMAL: 300;
+    readonly ANIMATION_SLOW: 500;
+    readonly Z_BACKGROUND: 0;
+    readonly Z_CONTENT: 10;
+    readonly Z_OVERLAY: 100;
+    readonly Z_MODAL: 1000;
+    readonly Z_TOOLTIP: 2000;
+};
+export declare const CYBERPUNK_UI_EFFECTS: {
+    readonly GLOW_INTENSITY: 0.3;
+    readonly PULSE_SPEED: 2;
+    readonly FLICKER_FREQUENCY: 0.1;
+    readonly SCAN_LINE_OPACITY: 0.1;
+    readonly NOISE_INTENSITY: 0.05;
+};
+export declare const KOREAN_UI_LAYOUTS: {
+    readonly GOLDEN_RATIO: 1.618;
+    readonly HANGEUL_LINE_HEIGHT: 1.4;
+    readonly KOREAN_ENGLISH_RATIO: 0.7;
+    readonly TITLE_SCALE: 2;
+    readonly SUBTITLE_SCALE: 1.5;
+    readonly BODY_SCALE: 1;
+    readonly CAPTION_SCALE: 0.8;
+};
+export default UI_CONSTANTS;
+//# sourceMappingURL=ui.d.ts.map

package/lib/types/constants/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../src/types/constants/ui.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;CAQV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;CAQV,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;CAOV,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;CAyBhB,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAGX,eAAO,MAAM,sBAAsB;;;;;;;;CAQzB,CAAC;AAEX;;GAEG;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAkCf,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;CAMvB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;CAWpB,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/lib/types/constants/ui.js

@@ -0,0 +1,113 @@
+import { KOREAN_COLORS } from "./colors.js";
+//#region src/types/constants/ui.ts
+/**
+* UI constants for Black Trigram Korean martial arts interface
+*/
+/**
+* Safe area inset defaults for notched devices
+* iOS devices: iPhone X+ have notches and home indicators
+* Android devices: Various implementations
+* 
+* @category UI Constants
+* @korean 안전영역삽입
+*/
+var SAFE_AREA_INSETS = {
+	TOP: 44,
+	BOTTOM: 34,
+	LEFT: 0,
+	RIGHT: 0
+};
+var UI_DIMENSIONS = {
+	HEADER_HEIGHT: 80,
+	FOOTER_HEIGHT: 60,
+	SIDEBAR_WIDTH: 250,
+	CONTENT_PADDING: 20,
+	BUTTON_SMALL: {
+		width: 80,
+		height: 32
+	},
+	BUTTON_MEDIUM: {
+		width: 120,
+		height: 40
+	},
+	BUTTON_LARGE: {
+		width: 200,
+		height: 50
+	},
+	MODAL_SMALL: {
+		width: 400,
+		height: 300
+	},
+	MODAL_MEDIUM: {
+		width: 600,
+		height: 450
+	},
+	MODAL_LARGE: {
+		width: 800,
+		height: 600
+	},
+	DEFAULT_SCREEN_WIDTH: 1920,
+	DEFAULT_SCREEN_HEIGHT: 1080,
+	TOUCH_TARGET_MIN: 48,
+	TOUCH_TARGET_COMFORTABLE: 56,
+	TOUCH_TARGET_SPACING: 8
+};
+var SPACING = {
+	XS: 4,
+	SM: 8,
+	MD: 16,
+	LG: 24,
+	XL: 32,
+	XXL: 48,
+	COMPACT: 12
+};
+var BORDER_RADIUS = {
+	NONE: 0,
+	SM: 4,
+	MD: 8,
+	LG: 12,
+	XL: 16,
+	ROUND: 9999
+};
+KOREAN_COLORS.UI_BACKGROUND_MEDIUM, KOREAN_COLORS.UI_BORDER, KOREAN_COLORS.TEXT_PRIMARY, KOREAN_COLORS.UI_BACKGROUND_LIGHT, KOREAN_COLORS.ACTIVE_BORDER, KOREAN_COLORS.TEXT_ACCENT, KOREAN_COLORS.UI_BACKGROUND_DARK, KOREAN_COLORS.ACTIVE_BORDER, KOREAN_COLORS.TEXT_ACCENT, KOREAN_COLORS.UI_DISABLED_FILL, KOREAN_COLORS.UI_DISABLED_BORDER, KOREAN_COLORS.TEXT_TERTIARY;
+var HEALTH_COLORS = {
+	FULL: KOREAN_COLORS.POSITIVE_GREEN,
+	HIGH: KOREAN_COLORS.ACCENT_YELLOW,
+	MEDIUM: KOREAN_COLORS.WARNING_ORANGE,
+	LOW: KOREAN_COLORS.WARNING_YELLOW,
+	CRITICAL: KOREAN_COLORS.NEGATIVE_RED,
+	UNCONSCIOUS: KOREAN_COLORS.UI_GRAY
+};
+KOREAN_COLORS.POSITIVE_GREEN, KOREAN_COLORS.NEGATIVE_RED, KOREAN_COLORS.TEXT_SECONDARY, KOREAN_COLORS.ACCENT_YELLOW, KOREAN_COLORS.ACCENT_PURPLE;
+KOREAN_COLORS.ACCENT_RED, KOREAN_COLORS.CRITICAL_HIT, KOREAN_COLORS.BLOCKED_ATTACK, KOREAN_COLORS.UI_GRAY, KOREAN_COLORS.PERFECT_STRIKE, KOREAN_COLORS.ACCENT_CYAN, KOREAN_COLORS.VITAL_POINT_HIT;
+/**
+* UI Layout and component constants for Korean martial arts game
+*/
+var UI_CONSTANTS = {
+	HEADER_HEIGHT: 80,
+	FOOTER_HEIGHT: 60,
+	SIDEBAR_WIDTH: 240,
+	PANEL_WIDTH: 320,
+	BUTTON_HEIGHT: 48,
+	BUTTON_WIDTH: 160,
+	INPUT_HEIGHT: 40,
+	CARD_MIN_HEIGHT: 120,
+	MARGIN_SMALL: 8,
+	MARGIN_MEDIUM: 16,
+	MARGIN_LARGE: 24,
+	MARGIN_XLARGE: 32,
+	BORDER_RADIUS: 8,
+	BORDER_WIDTH: 2,
+	ANIMATION_FAST: 150,
+	ANIMATION_NORMAL: 300,
+	ANIMATION_SLOW: 500,
+	Z_BACKGROUND: 0,
+	Z_CONTENT: 10,
+	Z_OVERLAY: 100,
+	Z_MODAL: 1e3,
+	Z_TOOLTIP: 2e3
+};
+//#endregion
+export { BORDER_RADIUS, HEALTH_COLORS, SAFE_AREA_INSETS, SPACING, UI_DIMENSIONS, UI_CONSTANTS as default };
+
+//# sourceMappingURL=ui.js.map

package/lib/types/constants/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../src/types/constants/ui.ts"],"sourcesContent":["/**\n * UI constants for Black Trigram Korean martial arts interface\n */\n\nimport { KOREAN_COLORS } from \"./colors\";\n\n/**\n * Safe area inset defaults for notched devices\n * iOS devices: iPhone X+ have notches and home indicators\n * Android devices: Various implementations\n * \n * @category UI Constants\n * @korean 안전영역삽입\n */\nexport const SAFE_AREA_INSETS = {\n  TOP: 44, // Status bar and notch area\n  BOTTOM: 34, // Home indicator area\n  LEFT: 0, // No side notches on most devices\n  RIGHT: 0, // No side notches on most devices\n} as const;\n\n// Layout dimensions\nexport const UI_DIMENSIONS = {\n  HEADER_HEIGHT: 80,\n  FOOTER_HEIGHT: 60,\n  SIDEBAR_WIDTH: 250,\n  CONTENT_PADDING: 20,\n\n  // Button sizes\n  BUTTON_SMALL: { width: 80, height: 32 },\n  BUTTON_MEDIUM: { width: 120, height: 40 },\n  BUTTON_LARGE: { width: 200, height: 50 },\n\n  // Modal sizes\n  MODAL_SMALL: { width: 400, height: 300 },\n  MODAL_MEDIUM: { width: 600, height: 450 },\n  MODAL_LARGE: { width: 800, height: 600 },\n\n  // Default screen dimensions for fallback calculations\n  DEFAULT_SCREEN_WIDTH: 1920,\n  DEFAULT_SCREEN_HEIGHT: 1080,\n\n  // Mobile touch target sizes (iOS/Android guidelines: 48px minimum)\n  TOUCH_TARGET_MIN: 48,\n  TOUCH_TARGET_COMFORTABLE: 56,\n  TOUCH_TARGET_SPACING: 8, // Minimum spacing between touch targets\n} as const;\n\n// Z-index layers\nexport const Z_INDEX = {\n  BACKGROUND: 0,\n  GAME_WORLD: 100,\n  UI_BACKGROUND: 200,\n  UI_ELEMENTS: 300,\n  MODALS: 400,\n  TOOLTIPS: 500,\n  DEBUG_OVERLAY: 1000,\n} as const;\n\n// UI spacing\nexport const SPACING = {\n  XS: 4,\n  SM: 8,\n  MD: 16,\n  LG: 24,\n  XL: 32,\n  XXL: 48,\n  COMPACT: 12, // Mobile compact spacing\n} as const;\n\n// Border radius values\nexport const BORDER_RADIUS = {\n  NONE: 0,\n  SM: 4,\n  MD: 8,\n  LG: 12,\n  XL: 16,\n  ROUND: 9999,\n} as const;\n\n// Shadow definitions\nexport const SHADOWS = {\n  SM: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n  MD: \"0 4px 6px -1px rgba(0, 0, 0, 0.1)\",\n  LG: \"0 10px 15px -3px rgba(0, 0, 0, 0.1)\",\n  XL: \"0 20px 25px -5px rgba(0, 0, 0, 0.1)\",\n  CYBER: \"0 0 20px rgba(0, 255, 255, 0.3)\",\n  KOREAN_GLOW: \"0 0 15px rgba(255, 215, 0, 0.4)\",\n} as const;\n\n// Animation curves for UI\nexport const UI_ANIMATIONS = {\n  FAST: \"150ms ease-out\",\n  NORMAL: \"250ms ease-in-out\",\n  SLOW: \"400ms ease-in-out\",\n  BOUNCE: \"300ms cubic-bezier(0.68, -0.55, 0.265, 1.55)\",\n} as const;\n\n// Button states\nexport const BUTTON_STATES = {\n  NORMAL: {\n    background: KOREAN_COLORS.UI_BACKGROUND_MEDIUM,\n    border: KOREAN_COLORS.UI_BORDER,\n    text: KOREAN_COLORS.TEXT_PRIMARY,\n    alpha: 1.0,\n  },\n  HOVER: {\n    background: KOREAN_COLORS.UI_BACKGROUND_LIGHT,\n    border: KOREAN_COLORS.ACTIVE_BORDER,\n    text: KOREAN_COLORS.TEXT_ACCENT,\n    alpha: 1.0,\n  },\n  PRESSED: {\n    background: KOREAN_COLORS.UI_BACKGROUND_DARK,\n    border: KOREAN_COLORS.ACTIVE_BORDER,\n    text: KOREAN_COLORS.TEXT_ACCENT,\n    alpha: 0.8,\n  },\n  DISABLED: {\n    background: KOREAN_COLORS.UI_DISABLED_FILL,\n    border: KOREAN_COLORS.UI_DISABLED_BORDER,\n    text: KOREAN_COLORS.TEXT_TERTIARY,\n    alpha: 0.5,\n  },\n} as const;\n\n// Health bar colors\nexport const HEALTH_COLORS = {\n  FULL: KOREAN_COLORS.POSITIVE_GREEN,\n  HIGH: KOREAN_COLORS.ACCENT_YELLOW,\n  MEDIUM: KOREAN_COLORS.WARNING_ORANGE,\n  LOW: KOREAN_COLORS.WARNING_YELLOW,\n  CRITICAL: KOREAN_COLORS.NEGATIVE_RED,\n  UNCONSCIOUS: KOREAN_COLORS.UI_GRAY,\n} as const;\n\n// Status effect colors\nexport const STATUS_COLORS = {\n  POSITIVE: KOREAN_COLORS.POSITIVE_GREEN,\n  NEGATIVE: KOREAN_COLORS.NEGATIVE_RED,\n  NEUTRAL: KOREAN_COLORS.TEXT_SECONDARY,\n  TEMPORARY: KOREAN_COLORS.ACCENT_YELLOW,\n  PERMANENT: KOREAN_COLORS.ACCENT_PURPLE,\n} as const;\n\n// Combat feedback colors\nexport const COMBAT_FEEDBACK_COLORS = {\n  HIT: KOREAN_COLORS.ACCENT_RED,\n  CRITICAL_HIT: KOREAN_COLORS.CRITICAL_HIT,\n  BLOCKED: KOREAN_COLORS.BLOCKED_ATTACK,\n  MISS: KOREAN_COLORS.UI_GRAY,\n  PERFECT: KOREAN_COLORS.PERFECT_STRIKE,\n  COUNTER: KOREAN_COLORS.ACCENT_CYAN,\n  VITAL_POINT: KOREAN_COLORS.VITAL_POINT_HIT,\n} as const;\n\n/**\n * UI Layout and component constants for Korean martial arts game\n */\n\nexport const UI_CONSTANTS = {\n  // Layout dimensions\n  HEADER_HEIGHT: 80,\n  FOOTER_HEIGHT: 60,\n  SIDEBAR_WIDTH: 240,\n  PANEL_WIDTH: 320,\n\n  // Component sizes\n  BUTTON_HEIGHT: 48,\n  BUTTON_WIDTH: 160,\n  INPUT_HEIGHT: 40,\n  CARD_MIN_HEIGHT: 120,\n\n  // Spacing\n  MARGIN_SMALL: 8,\n  MARGIN_MEDIUM: 16,\n  MARGIN_LARGE: 24,\n  MARGIN_XLARGE: 32,\n\n  // Borders and radii\n  BORDER_RADIUS: 8,\n  BORDER_WIDTH: 2,\n\n  // Animation durations (ms)\n  ANIMATION_FAST: 150,\n  ANIMATION_NORMAL: 300,\n  ANIMATION_SLOW: 500,\n\n  // Z-index layers\n  Z_BACKGROUND: 0,\n  Z_CONTENT: 10,\n  Z_OVERLAY: 100,\n  Z_MODAL: 1000,\n  Z_TOOLTIP: 2000,\n} as const;\n\nexport const CYBERPUNK_UI_EFFECTS = {\n  GLOW_INTENSITY: 0.3,\n  PULSE_SPEED: 2.0,\n  FLICKER_FREQUENCY: 0.1,\n  SCAN_LINE_OPACITY: 0.1,\n  NOISE_INTENSITY: 0.05,\n} as const;\n\nexport const KOREAN_UI_LAYOUTS = {\n  // Traditional Korean proportions\n  GOLDEN_RATIO: 1.618,\n  HANGEUL_LINE_HEIGHT: 1.4,\n  KOREAN_ENGLISH_RATIO: 0.7,\n\n  // Text hierarchy\n  TITLE_SCALE: 2.0,\n  SUBTITLE_SCALE: 1.5,\n  BODY_SCALE: 1.0,\n  CAPTION_SCALE: 0.8,\n} as const;\n\nexport default UI_CONSTANTS;\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAa,mBAAmB;CAC9B,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;CACR;AAGD,IAAa,gBAAgB;CAC3B,eAAe;CACf,eAAe;CACf,eAAe;CACf,iBAAiB;CAGjB,cAAc;EAAE,OAAO;EAAI,QAAQ;EAAI;CACvC,eAAe;EAAE,OAAO;EAAK,QAAQ;EAAI;CACzC,cAAc;EAAE,OAAO;EAAK,QAAQ;EAAI;CAGxC,aAAa;EAAE,OAAO;EAAK,QAAQ;EAAK;CACxC,cAAc;EAAE,OAAO;EAAK,QAAQ;EAAK;CACzC,aAAa;EAAE,OAAO;EAAK,QAAQ;EAAK;CAGxC,sBAAsB;CACtB,uBAAuB;CAGvB,kBAAkB;CAClB,0BAA0B;CAC1B,sBAAsB;CACvB;AAcD,IAAa,UAAU;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,SAAS;CACV;AAGD,IAAa,gBAAgB;CAC3B,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACR;AAuBe,cAAc,sBAClB,cAAc,WAChB,cAAc,cAIR,cAAc,qBAClB,cAAc,eAChB,cAAc,aAIR,cAAc,oBAClB,cAAc,eAChB,cAAc,aAIR,cAAc,kBAClB,cAAc,oBAChB,cAAc;AAMxB,IAAa,gBAAgB;CAC3B,MAAM,cAAc;CACpB,MAAM,cAAc;CACpB,QAAQ,cAAc;CACtB,KAAK,cAAc;CACnB,UAAU,cAAc;CACxB,aAAa,cAAc;CAC5B;AAIW,cAAc,gBACd,cAAc,cACf,cAAc,gBACZ,cAAc,eACd,cAAc;AAKpB,cAAc,YACL,cAAc,cACnB,cAAc,gBACjB,cAAc,SACX,cAAc,gBACd,cAAc,aACV,cAAc;;;;AAO7B,IAAa,eAAe;CAE1B,eAAe;CACf,eAAe;CACf,eAAe;CACf,aAAa;CAGb,eAAe;CACf,cAAc;CACd,cAAc;CACd,iBAAiB;CAGjB,cAAc;CACd,eAAe;CACf,cAAc;CACd,eAAe;CAGf,eAAe;CACf,cAAc;CAGd,gBAAgB;CAChB,kBAAkB;CAClB,gBAAgB;CAGhB,cAAc;CACd,WAAW;CACX,WAAW;CACX,SAAS;CACT,WAAW;CACZ"}