@polastack/design-system 0.1.8 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,84 @@
1
- import {
2
- colors
3
- } from "../chunk-Q6XRSLLQ.js";
1
+ // src/tokens/colors.ts
2
+ var colors = {
3
+ primary: {
4
+ 50: "#f0fdfb",
5
+ 100: "#cdfbf0",
6
+ 200: "#9bf7e2",
7
+ 300: "#61ebd0",
8
+ 400: "#2fd4ba",
9
+ 500: "#1BA491",
10
+ 600: "#138575",
11
+ 700: "#146b5f",
12
+ 800: "#15564e",
13
+ 900: "#134841",
14
+ 950: "#042c28"
15
+ },
16
+ neutral: {
17
+ 50: "#fafafa",
18
+ 100: "#f4f4f5",
19
+ 200: "#e4e4e7",
20
+ 300: "#d4d4d8",
21
+ 400: "#a1a1aa",
22
+ 500: "#71717a",
23
+ 600: "#52525b",
24
+ 700: "#3f3f46",
25
+ 800: "#27272a",
26
+ 900: "#18181b",
27
+ 950: "#09090b"
28
+ },
29
+ success: {
30
+ 50: "#f0fdf4",
31
+ 100: "#dcfce7",
32
+ 200: "#bbf7d0",
33
+ 300: "#86efac",
34
+ 400: "#4ade80",
35
+ 500: "#22c55e",
36
+ 600: "#16a34a",
37
+ 700: "#15803d",
38
+ 800: "#166534",
39
+ 900: "#14532d",
40
+ 950: "#052e16"
41
+ },
42
+ warning: {
43
+ 50: "#fffbeb",
44
+ 100: "#fef3c7",
45
+ 200: "#fde68a",
46
+ 300: "#fcd34d",
47
+ 400: "#fbbf24",
48
+ 500: "#f59e0b",
49
+ 600: "#d97706",
50
+ 700: "#b45309",
51
+ 800: "#92400e",
52
+ 900: "#78350f",
53
+ 950: "#451a03"
54
+ },
55
+ error: {
56
+ 50: "#fef2f2",
57
+ 100: "#fee2e2",
58
+ 200: "#fecaca",
59
+ 300: "#fca5a5",
60
+ 400: "#f87171",
61
+ 500: "#ef4444",
62
+ 600: "#dc2626",
63
+ 700: "#b91c1c",
64
+ 800: "#991b1b",
65
+ 900: "#7f1d1d",
66
+ 950: "#450a0a"
67
+ },
68
+ info: {
69
+ 50: "#eff6ff",
70
+ 100: "#dbeafe",
71
+ 200: "#bfdbfe",
72
+ 300: "#93c5fd",
73
+ 400: "#60a5fa",
74
+ 500: "#3b82f6",
75
+ 600: "#2563eb",
76
+ 700: "#1d4ed8",
77
+ 800: "#1e40af",
78
+ 900: "#1e3a8a",
79
+ 950: "#172554"
80
+ }
81
+ };
4
82
 
5
83
  // src/tokens/typography.ts
6
84
  var fontFamily = {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/tokens/typography.ts","../../src/tokens/spacing.ts","../../src/tokens/elevation.ts","../../src/tokens/animation.ts"],"sourcesContent":["/**\n * タイポグラフィトークン定数\n * CSS変数(globals.css @theme)と同期。\n */\n\nexport const fontFamily = {\n sans: \"'Inter', 'Noto Sans JP', ui-sans-serif, system-ui, sans-serif\",\n mono: \"'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace\",\n} as const;\n\nexport const fontSize = {\n xs: { size: '0.75rem', lineHeight: '1rem' },\n sm: { size: '0.8125rem', lineHeight: '1.25rem' },\n base: { size: '0.875rem', lineHeight: '1.25rem' },\n lg: { size: '1rem', lineHeight: '1.5rem' },\n xl: { size: '1.125rem', lineHeight: '1.75rem' },\n '2xl': { size: '1.25rem', lineHeight: '1.75rem' },\n '3xl': { size: '1.5rem', lineHeight: '2rem' },\n} as const;\n\nexport const fontWeight = {\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n} as const;\n\nexport type FontSize = keyof typeof fontSize;\nexport type FontWeight = keyof typeof fontWeight;\n","/**\n * スペーシングトークン定数(4pxグリッド)\n * CSS変数(globals.css @theme)と同期。\n */\n\nexport const spacing = {\n 0: '0px',\n px: '1px',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n} as const;\n","/**\n * エレベーショントークン(シャドウ、ボーダーラディウス)\n * CSS変数(globals.css @theme)と同期。\n */\n\nexport const shadows = {\n xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n sm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n drawer: '0 0 48px rgb(0 0 0 / 0.16)',\n} as const;\n\nexport const radii = {\n none: '0px',\n sm: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n full: '9999px',\n} as const;\n\nexport type Shadow = keyof typeof shadows;\nexport type Radius = keyof typeof radii;\n","/**\n * アニメーショントークン\n * CSS変数(globals.css @theme)と同期。\n */\n\nexport const duration = {\n fast: '100ms',\n normal: '200ms',\n slow: '300ms',\n} as const;\n\nexport const easing = {\n default: 'cubic-bezier(0.4, 0, 0.2, 1)',\n in: 'cubic-bezier(0.4, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.2, 1)',\n inOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n} as const;\n\nexport const zIndex = {\n dropdown: 50,\n sticky: 100,\n drawer: 200,\n modal: 300,\n popover: 400,\n toast: 500,\n tooltip: 600,\n} as const;\n\nexport type Duration = keyof typeof duration;\nexport type Easing = keyof typeof easing;\nexport type ZIndex = keyof typeof zIndex;\n"],"mappings":";;;;;AAKO,IAAM,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AACR;AAEO,IAAM,WAAW;AAAA,EACtB,IAAI,EAAE,MAAM,WAAW,YAAY,OAAO;AAAA,EAC1C,IAAI,EAAE,MAAM,aAAa,YAAY,UAAU;AAAA,EAC/C,MAAM,EAAE,MAAM,YAAY,YAAY,UAAU;AAAA,EAChD,IAAI,EAAE,MAAM,QAAQ,YAAY,SAAS;AAAA,EACzC,IAAI,EAAE,MAAM,YAAY,YAAY,UAAU;AAAA,EAC9C,OAAO,EAAE,MAAM,WAAW,YAAY,UAAU;AAAA,EAChD,OAAO,EAAE,MAAM,UAAU,YAAY,OAAO;AAC9C;AAEO,IAAM,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AACR;;;ACpBO,IAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;;;ACvBO,IAAM,UAAU;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AACV;AAEO,IAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AACR;;;AClBO,IAAM,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AACR;AAEO,IAAM,SAAS;AAAA,EACpB,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,OAAO;AACT;AAEO,IAAM,SAAS;AAAA,EACpB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;","names":[]}
1
+ {"version":3,"sources":["../../src/tokens/colors.ts","../../src/tokens/typography.ts","../../src/tokens/spacing.ts","../../src/tokens/elevation.ts","../../src/tokens/animation.ts"],"sourcesContent":["/**\n * カラートークン定数\n * CSS変数(globals.css @theme)と同期。プログラム的アクセス用。\n * スタイリングにはTailwindユーティリティクラス(bg-primary-500等)を推奨。\n */\n\nexport const colors = {\n primary: {\n 50: '#f0fdfb',\n 100: '#cdfbf0',\n 200: '#9bf7e2',\n 300: '#61ebd0',\n 400: '#2fd4ba',\n 500: '#1BA491',\n 600: '#138575',\n 700: '#146b5f',\n 800: '#15564e',\n 900: '#134841',\n 950: '#042c28',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n success: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n warning: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n error: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n info: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n} as const;\n\nexport type ColorScale = keyof typeof colors;\nexport type ColorShade = keyof (typeof colors)['primary'];\n","/**\n * タイポグラフィトークン定数\n * CSS変数(globals.css @theme)と同期。\n */\n\nexport const fontFamily = {\n sans: \"'Inter', 'Noto Sans JP', ui-sans-serif, system-ui, sans-serif\",\n mono: \"'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace\",\n} as const;\n\nexport const fontSize = {\n xs: { size: '0.75rem', lineHeight: '1rem' },\n sm: { size: '0.8125rem', lineHeight: '1.25rem' },\n base: { size: '0.875rem', lineHeight: '1.25rem' },\n lg: { size: '1rem', lineHeight: '1.5rem' },\n xl: { size: '1.125rem', lineHeight: '1.75rem' },\n '2xl': { size: '1.25rem', lineHeight: '1.75rem' },\n '3xl': { size: '1.5rem', lineHeight: '2rem' },\n} as const;\n\nexport const fontWeight = {\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n} as const;\n\nexport type FontSize = keyof typeof fontSize;\nexport type FontWeight = keyof typeof fontWeight;\n","/**\n * スペーシングトークン定数(4pxグリッド)\n * CSS変数(globals.css @theme)と同期。\n */\n\nexport const spacing = {\n 0: '0px',\n px: '1px',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n} as const;\n","/**\n * エレベーショントークン(シャドウ、ボーダーラディウス)\n * CSS変数(globals.css @theme)と同期。\n */\n\nexport const shadows = {\n xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n sm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n drawer: '0 0 48px rgb(0 0 0 / 0.16)',\n} as const;\n\nexport const radii = {\n none: '0px',\n sm: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n full: '9999px',\n} as const;\n\nexport type Shadow = keyof typeof shadows;\nexport type Radius = keyof typeof radii;\n","/**\n * アニメーショントークン\n * CSS変数(globals.css @theme)と同期。\n */\n\nexport const duration = {\n fast: '100ms',\n normal: '200ms',\n slow: '300ms',\n} as const;\n\nexport const easing = {\n default: 'cubic-bezier(0.4, 0, 0.2, 1)',\n in: 'cubic-bezier(0.4, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.2, 1)',\n inOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n} as const;\n\nexport const zIndex = {\n dropdown: 50,\n sticky: 100,\n drawer: 200,\n modal: 300,\n popover: 400,\n toast: 500,\n tooltip: 600,\n} as const;\n\nexport type Duration = keyof typeof duration;\nexport type Easing = keyof typeof easing;\nexport type ZIndex = keyof typeof zIndex;\n"],"mappings":"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","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@polastack/design-system",
3
- "version": "0.1.8",
3
+ "version": "0.1.9",
4
4
  "description": "Polastack Design System - UI components and design tokens for business applications",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -1,86 +0,0 @@
1
- // src/tokens/colors.ts
2
- var colors = {
3
- primary: {
4
- 50: "#f0fdfb",
5
- 100: "#cdfbf0",
6
- 200: "#9bf7e2",
7
- 300: "#61ebd0",
8
- 400: "#2fd4ba",
9
- 500: "#1BA491",
10
- 600: "#138575",
11
- 700: "#146b5f",
12
- 800: "#15564e",
13
- 900: "#134841",
14
- 950: "#042c28"
15
- },
16
- neutral: {
17
- 50: "#fafafa",
18
- 100: "#f4f4f5",
19
- 200: "#e4e4e7",
20
- 300: "#d4d4d8",
21
- 400: "#a1a1aa",
22
- 500: "#71717a",
23
- 600: "#52525b",
24
- 700: "#3f3f46",
25
- 800: "#27272a",
26
- 900: "#18181b",
27
- 950: "#09090b"
28
- },
29
- success: {
30
- 50: "#f0fdf4",
31
- 100: "#dcfce7",
32
- 200: "#bbf7d0",
33
- 300: "#86efac",
34
- 400: "#4ade80",
35
- 500: "#22c55e",
36
- 600: "#16a34a",
37
- 700: "#15803d",
38
- 800: "#166534",
39
- 900: "#14532d",
40
- 950: "#052e16"
41
- },
42
- warning: {
43
- 50: "#fffbeb",
44
- 100: "#fef3c7",
45
- 200: "#fde68a",
46
- 300: "#fcd34d",
47
- 400: "#fbbf24",
48
- 500: "#f59e0b",
49
- 600: "#d97706",
50
- 700: "#b45309",
51
- 800: "#92400e",
52
- 900: "#78350f",
53
- 950: "#451a03"
54
- },
55
- error: {
56
- 50: "#fef2f2",
57
- 100: "#fee2e2",
58
- 200: "#fecaca",
59
- 300: "#fca5a5",
60
- 400: "#f87171",
61
- 500: "#ef4444",
62
- 600: "#dc2626",
63
- 700: "#b91c1c",
64
- 800: "#991b1b",
65
- 900: "#7f1d1d",
66
- 950: "#450a0a"
67
- },
68
- info: {
69
- 50: "#eff6ff",
70
- 100: "#dbeafe",
71
- 200: "#bfdbfe",
72
- 300: "#93c5fd",
73
- 400: "#60a5fa",
74
- 500: "#3b82f6",
75
- 600: "#2563eb",
76
- 700: "#1d4ed8",
77
- 800: "#1e40af",
78
- 900: "#1e3a8a",
79
- 950: "#172554"
80
- }
81
- };
82
-
83
- export {
84
- colors
85
- };
86
- //# sourceMappingURL=chunk-Q6XRSLLQ.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/tokens/colors.ts"],"sourcesContent":["/**\n * カラートークン定数\n * CSS変数(globals.css @theme)と同期。プログラム的アクセス用。\n * スタイリングにはTailwindユーティリティクラス(bg-primary-500等)を推奨。\n */\n\nexport const colors = {\n primary: {\n 50: '#f0fdfb',\n 100: '#cdfbf0',\n 200: '#9bf7e2',\n 300: '#61ebd0',\n 400: '#2fd4ba',\n 500: '#1BA491',\n 600: '#138575',\n 700: '#146b5f',\n 800: '#15564e',\n 900: '#134841',\n 950: '#042c28',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n success: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n warning: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n error: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n info: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n} as const;\n\nexport type ColorScale = keyof typeof colors;\nexport type ColorShade = keyof (typeof colors)['primary'];\n"],"mappings":";AAMO,IAAM,SAAS;AAAA,EACpB,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AACF;","names":[]}