vintage-frames 0.1.0

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.
Files changed (163) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +262 -0
  3. package/custom-elements.json +19807 -0
  4. package/dist/_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js +9 -0
  5. package/dist/chrome.d.ts +73 -0
  6. package/dist/chrome.js +94 -0
  7. package/dist/components/vf-button-group.d.ts +50 -0
  8. package/dist/components/vf-button-group.js +68 -0
  9. package/dist/components/vf-button.d.ts +169 -0
  10. package/dist/components/vf-button.js +234 -0
  11. package/dist/components/vf-checkbox.d.ts +60 -0
  12. package/dist/components/vf-checkbox.js +135 -0
  13. package/dist/components/vf-container.d.ts +95 -0
  14. package/dist/components/vf-container.js +86 -0
  15. package/dist/components/vf-desktop.d.ts +243 -0
  16. package/dist/components/vf-desktop.js +310 -0
  17. package/dist/components/vf-dialog.d.ts +105 -0
  18. package/dist/components/vf-dialog.js +280 -0
  19. package/dist/components/vf-fieldset.d.ts +34 -0
  20. package/dist/components/vf-fieldset.js +76 -0
  21. package/dist/components/vf-grid.d.ts +124 -0
  22. package/dist/components/vf-grid.js +133 -0
  23. package/dist/components/vf-icon.d.ts +356 -0
  24. package/dist/components/vf-icon.js +507 -0
  25. package/dist/components/vf-img.d.ts +63 -0
  26. package/dist/components/vf-img.js +65 -0
  27. package/dist/components/vf-label.d.ts +117 -0
  28. package/dist/components/vf-label.js +151 -0
  29. package/dist/components/vf-list-item.d.ts +48 -0
  30. package/dist/components/vf-list-item.js +98 -0
  31. package/dist/components/vf-list.d.ts +77 -0
  32. package/dist/components/vf-list.js +256 -0
  33. package/dist/components/vf-menu-bar.d.ts +64 -0
  34. package/dist/components/vf-menu-bar.js +236 -0
  35. package/dist/components/vf-menu-item.d.ts +91 -0
  36. package/dist/components/vf-menu-item.js +252 -0
  37. package/dist/components/vf-menu.d.ts +95 -0
  38. package/dist/components/vf-menu.js +346 -0
  39. package/dist/components/vf-number-field.d.ts +60 -0
  40. package/dist/components/vf-number-field.js +248 -0
  41. package/dist/components/vf-option.d.ts +49 -0
  42. package/dist/components/vf-option.js +119 -0
  43. package/dist/components/vf-paragraph.d.ts +73 -0
  44. package/dist/components/vf-paragraph.js +66 -0
  45. package/dist/components/vf-progress-bar.d.ts +69 -0
  46. package/dist/components/vf-progress-bar.js +272 -0
  47. package/dist/components/vf-radio-group.d.ts +109 -0
  48. package/dist/components/vf-radio-group.js +105 -0
  49. package/dist/components/vf-radio.d.ts +59 -0
  50. package/dist/components/vf-radio.js +135 -0
  51. package/dist/components/vf-scroll-area.d.ts +75 -0
  52. package/dist/components/vf-scroll-area.js +124 -0
  53. package/dist/components/vf-select.d.ts +334 -0
  54. package/dist/components/vf-select.js +658 -0
  55. package/dist/components/vf-separator.d.ts +38 -0
  56. package/dist/components/vf-separator.js +55 -0
  57. package/dist/components/vf-slider.d.ts +80 -0
  58. package/dist/components/vf-slider.js +255 -0
  59. package/dist/components/vf-stack.d.ts +188 -0
  60. package/dist/components/vf-stack.js +168 -0
  61. package/dist/components/vf-swatch.d.ts +98 -0
  62. package/dist/components/vf-swatch.js +201 -0
  63. package/dist/components/vf-text-area.d.ts +77 -0
  64. package/dist/components/vf-text-area.js +121 -0
  65. package/dist/components/vf-text-field.d.ts +53 -0
  66. package/dist/components/vf-text-field.js +79 -0
  67. package/dist/components/vf-window.d.ts +157 -0
  68. package/dist/components/vf-window.js +377 -0
  69. package/dist/cursor-art.d.ts +37 -0
  70. package/dist/cursor-art.js +41 -0
  71. package/dist/cursor.d.ts +49 -0
  72. package/dist/cursor.js +171 -0
  73. package/dist/define.d.ts +45 -0
  74. package/dist/define.js +15 -0
  75. package/dist/document-listeners.d.ts +62 -0
  76. package/dist/document-listeners.js +29 -0
  77. package/dist/drag.d.ts +49 -0
  78. package/dist/drag.js +30 -0
  79. package/dist/events.d.ts +79 -0
  80. package/dist/events.js +25 -0
  81. package/dist/focus-modality.d.ts +94 -0
  82. package/dist/focus-modality.js +56 -0
  83. package/dist/form-control.d.ts +247 -0
  84. package/dist/form-control.js +127 -0
  85. package/dist/glyphs.d.ts +117 -0
  86. package/dist/glyphs.js +100 -0
  87. package/dist/grid-snap.d.ts +73 -0
  88. package/dist/grid-snap.js +135 -0
  89. package/dist/index.d.ts +145 -0
  90. package/dist/index.js +71 -0
  91. package/dist/menu-press.d.ts +60 -0
  92. package/dist/menu-press.js +97 -0
  93. package/dist/modal-dialog.d.ts +148 -0
  94. package/dist/modal-dialog.js +155 -0
  95. package/dist/motion.d.ts +72 -0
  96. package/dist/motion.js +22 -0
  97. package/dist/number.d.ts +24 -0
  98. package/dist/number.js +12 -0
  99. package/dist/open-art.d.ts +40 -0
  100. package/dist/open-art.js +35 -0
  101. package/dist/pixel-frame.d.ts +102 -0
  102. package/dist/pixel-frame.js +77 -0
  103. package/dist/popup-overflow.d.ts +157 -0
  104. package/dist/popup-overflow.js +45 -0
  105. package/dist/position.d.ts +187 -0
  106. package/dist/position.js +74 -0
  107. package/dist/scale.d.ts +259 -0
  108. package/dist/scale.js +133 -0
  109. package/dist/scroll-rail.d.ts +112 -0
  110. package/dist/scroll-rail.js +194 -0
  111. package/dist/scroll-state.d.ts +113 -0
  112. package/dist/scroll-state.js +55 -0
  113. package/dist/size.d.ts +47 -0
  114. package/dist/size.js +30 -0
  115. package/dist/styles/base.d.ts +38 -0
  116. package/dist/styles/body-font.d.ts +7 -0
  117. package/dist/styles/body-font.js +9 -0
  118. package/dist/styles/display-font.d.ts +7 -0
  119. package/dist/styles/display-font.js +9 -0
  120. package/dist/styles/recipes/body-face.d.ts +14 -0
  121. package/dist/styles/recipes/body-face.js +6 -0
  122. package/dist/styles/recipes/display-face.d.ts +23 -0
  123. package/dist/styles/recipes/display-face.js +10 -0
  124. package/dist/styles/recipes/field.d.ts +20 -0
  125. package/dist/styles/recipes/field.js +68 -0
  126. package/dist/styles/recipes/focus.d.ts +76 -0
  127. package/dist/styles/recipes/focus.js +39 -0
  128. package/dist/styles/recipes/host.d.ts +5 -0
  129. package/dist/styles/recipes/host.js +62 -0
  130. package/dist/styles/recipes/pattern.d.ts +80 -0
  131. package/dist/styles/recipes/pattern.js +82 -0
  132. package/dist/styles/recipes/scroll-rail.d.ts +69 -0
  133. package/dist/styles/recipes/scroll-rail.js +222 -0
  134. package/dist/styles/recipes/shadow.d.ts +13 -0
  135. package/dist/styles/recipes/shadow.js +5 -0
  136. package/dist/styles/recipes/static-text.d.ts +24 -0
  137. package/dist/styles/recipes/static-text.js +17 -0
  138. package/dist/styles/recipes/surface.d.ts +28 -0
  139. package/dist/styles/recipes/surface.js +27 -0
  140. package/dist/styles/recipes/tile.d.ts +122 -0
  141. package/dist/styles/recipes/tile.js +40 -0
  142. package/dist/styles/recipes/title-bar.d.ts +49 -0
  143. package/dist/styles/recipes/title-bar.js +134 -0
  144. package/dist/styles/recipes/toggle.d.ts +10 -0
  145. package/dist/styles/recipes/toggle.js +20 -0
  146. package/dist/styles/register-embedded-font.d.ts +64 -0
  147. package/dist/styles/register-embedded-font.js +30 -0
  148. package/dist/text-control.d.ts +131 -0
  149. package/dist/text-control.js +83 -0
  150. package/dist/tile-grid.d.ts +111 -0
  151. package/dist/tile-grid.js +53 -0
  152. package/dist/toggle-control.d.ts +60 -0
  153. package/dist/toggle-control.js +41 -0
  154. package/dist/track-width.d.ts +42 -0
  155. package/dist/track-width.js +30 -0
  156. package/dist/type-ahead.d.ts +35 -0
  157. package/dist/type-ahead.js +20 -0
  158. package/dist/zoom.d.ts +204 -0
  159. package/dist/zoom.js +105 -0
  160. package/docs/SPEC.md +2471 -0
  161. package/editor/vscode.html-custom-data.json +1320 -0
  162. package/editor/web-types.json +3237 -0
  163. package/package.json +118 -0
package/package.json ADDED
@@ -0,0 +1,118 @@
1
+ {
2
+ "name": "vintage-frames",
3
+ "version": "0.1.0",
4
+ "description": "Lit web components that emulate the look and feel of classic Mac OS System 7",
5
+ "type": "module",
6
+ "license": "MIT",
7
+ "author": "Adam Portilla",
8
+ "repository": {
9
+ "type": "git",
10
+ "url": "git+https://github.com/aportilla/vintage-frames.git"
11
+ },
12
+ "homepage": "https://github.com/aportilla/vintage-frames#readme",
13
+ "bugs": "https://github.com/aportilla/vintage-frames/issues",
14
+ "sideEffects": [
15
+ "**/index.js",
16
+ "**/index.ts",
17
+ "**/components/*.js",
18
+ "**/components/*.ts",
19
+ "**/display-font.js",
20
+ "**/display-font.ts",
21
+ "**/body-font.js",
22
+ "**/body-font.ts",
23
+ "**/*.css"
24
+ ],
25
+ "main": "./dist/index.js",
26
+ "module": "./dist/index.js",
27
+ "types": "./dist/index.d.ts",
28
+ "customElements": "custom-elements.json",
29
+ "web-types": "editor/web-types.json",
30
+ "exports": {
31
+ ".": {
32
+ "types": "./dist/index.d.ts",
33
+ "import": "./dist/index.js"
34
+ },
35
+ "./vf-*.js": {
36
+ "types": "./dist/components/vf-*.d.ts",
37
+ "import": "./dist/components/vf-*.js"
38
+ },
39
+ "./package.json": "./package.json"
40
+ },
41
+ "files": [
42
+ "dist",
43
+ "editor",
44
+ "custom-elements.json",
45
+ "docs/SPEC.md"
46
+ ],
47
+ "keywords": [
48
+ "lit",
49
+ "web-components",
50
+ "system7",
51
+ "mac-os-classic",
52
+ "retro",
53
+ "ui-kit"
54
+ ],
55
+ "scripts": {
56
+ "test": "node scripts/test.mjs",
57
+ "dev": "vite",
58
+ "build": "vite build && tsc -p tsconfig.build.json && npm run analyze",
59
+ "build:pages": "vite build --config vite.pages.config.ts && node scripts/copy-strikes.mjs",
60
+ "preview:pages": "vite preview --config vite.pages.config.ts",
61
+ "prepack": "npm run build && npm run verify:manifest",
62
+ "analyze": "cem analyze",
63
+ "verify:manifest": "node scripts/verify-manifest.mjs",
64
+ "typecheck": "tsc --noEmit",
65
+ "preview": "vite preview",
66
+ "embed:cursors": "node scripts/embed-cursor-art.mjs",
67
+ "verify:buttons": "tsc src/pixel-frame.ts --outDir scripts/.tmp --target es2022 --module esnext --moduleResolution bundler --skipLibCheck && node scripts/emit-clips.mjs && python3 scripts/verify-button-clips.py",
68
+ "shot:buttons": "npx playwright screenshot --wait-for-timeout=2000 http://localhost:5173/pixel-test.html shots/buttons.png",
69
+ "shot:verify": "python3 scripts/verify-button-screenshot.py shots/buttons.png",
70
+ "shot:menus": "npx playwright screenshot --wait-for-timeout=2000 http://localhost:5173/menu-test.html shots/menus.png",
71
+ "shot:blog": "node scripts/shot-blog.mjs",
72
+ "measure:menus": "python3 scripts/measure-menu-render.py shots/menus.png",
73
+ "probe:menus": "node scripts/probe-menu-scale.mjs",
74
+ "verify:desktop": "node scripts/verify-desktop-upgrade.mjs",
75
+ "verify:list-focus": "node scripts/verify-list-focus.mjs",
76
+ "verify:control-heights": "node scripts/verify-control-heights.mjs",
77
+ "verify:list-typeahead": "node scripts/verify-list-typeahead.mjs",
78
+ "verify:key-models": "node scripts/verify-key-models.mjs",
79
+ "verify:menu-select": "node scripts/verify-menu-select.mjs",
80
+ "verify:select-overflow": "node scripts/verify-select-overflow.mjs",
81
+ "verify:scrollbars": "node scripts/verify-scrollbars.mjs",
82
+ "verify:menu-press": "node scripts/verify-menu-press.mjs",
83
+ "verify:low-sweep": "node scripts/verify-low-sweep.mjs",
84
+ "verify:scale": "node scripts/verify-scale.mjs",
85
+ "verify:tile": "node scripts/verify-tile.mjs",
86
+ "verify:zoom": "tsc src/zoom.ts --outDir scripts/.tmp --target es2022 --module esnext --moduleResolution bundler --skipLibCheck && node scripts/verify-zoom.mjs",
87
+ "verify:chrome": "node scripts/verify-chrome.mjs",
88
+ "verify:window-a11y": "node scripts/verify-window-a11y.mjs",
89
+ "verify:archetypes": "node scripts/verify-archetypes.mjs",
90
+ "verify:button": "node scripts/verify-button.mjs",
91
+ "verify:toggle": "node scripts/verify-toggle.mjs",
92
+ "verify:text": "node scripts/verify-text.mjs",
93
+ "verify:stack": "node scripts/verify-stack.mjs",
94
+ "verify:position": "node scripts/verify-position.mjs",
95
+ "verify:updates": "node scripts/verify-updates.mjs",
96
+ "verify:baseline": "node scripts/verify-baseline.mjs",
97
+ "verify:define": "node scripts/verify-define.mjs",
98
+ "verify:icon": "node scripts/verify-icon.mjs",
99
+ "verify:focus": "node scripts/verify-focus.mjs",
100
+ "verify:grid": "node scripts/verify-grid.mjs",
101
+ "verify:snap": "node scripts/verify-snap.mjs",
102
+ "verify:blog": "node scripts/verify-blog.mjs",
103
+ "verify:contract": "node scripts/verify-contract.mjs",
104
+ "verify:names": "node scripts/verify-names.mjs",
105
+ "verify:forced-colors": "node scripts/verify-forced-colors.mjs"
106
+ },
107
+ "dependencies": {
108
+ "lit": "^3.2.0"
109
+ },
110
+ "devDependencies": {
111
+ "@custom-elements-manifest/analyzer": "^0.11.0",
112
+ "custom-element-jet-brains-integration": "^1.7.0",
113
+ "custom-element-vs-code-integration": "^1.5.0",
114
+ "playwright": "^1.62.1",
115
+ "typescript": "^5.6.0",
116
+ "vite": "^8.2.1"
117
+ }
118
+ }