Skip to content

Commit 7e1da2e

Browse files
gperdomorgperdomor
committed
feat: added lit examples... again
1 parent ad517e5 commit 7e1da2e

28 files changed

+1564
-1
lines changed

‎.changeset/config.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
"preact-ts",
2525
"svelte-ts",
2626
"vanilla-ts",
27+
"lit-ts",
2728
"website"
2829
]
2930
}

‎examples/lit-ts/.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎examples/lit-ts/index.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Vite + TS</title>
8+
</head>
9+
<body style="padding: 40px">
10+
<h1>Lit + Zag</h1>
11+
12+
<a href="pages/accordion.html">Accordion</a>
13+
<a href="pages/avatar.html">Avatar</a>
14+
<a href="pages/popover.html">Popover</a>
15+
<a href="pages/checkbox.html">Checkbox</a>
16+
<a href="pages/combobox.html">Combobox</a>
17+
</body>
18+
</html>

‎examples/lit-ts/package.json‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
{
2+
"name": "lit-ts",
3+
"private": true,
4+
"version": "0.0.0",
5+
"type": "module",
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "tsc && vite build",
9+
"preview": "vite preview"
10+
},
11+
"devDependencies": {
12+
"typescript": "^5.8.3",
13+
"vite": "^7.0.5"
14+
},
15+
"dependencies": {
16+
"@internationalized/date": "3.8.2",
17+
"@open-wc/lit-helpers": "0.7.0",
18+
"@zag-js/accordion": "workspace:*",
19+
"@zag-js/anatomy": "workspace:*",
20+
"@zag-js/anatomy-icons": "workspace:*",
21+
"@zag-js/angle-slider": "workspace:*",
22+
"@zag-js/aria-hidden": "workspace:*",
23+
"@zag-js/async-list": "workspace:*",
24+
"@zag-js/auto-resize": "workspace:*",
25+
"@zag-js/avatar": "workspace:*",
26+
"@zag-js/carousel": "workspace:*",
27+
"@zag-js/checkbox": "workspace:*",
28+
"@zag-js/clipboard": "workspace:*",
29+
"@zag-js/collapsible": "workspace:*",
30+
"@zag-js/collection": "workspace:*",
31+
"@zag-js/color-picker": "workspace:*",
32+
"@zag-js/color-utils": "workspace:*",
33+
"@zag-js/combobox": "workspace:*",
34+
"@zag-js/core": "workspace:*",
35+
"@zag-js/date-picker": "workspace:*",
36+
"@zag-js/date-utils": "workspace:*",
37+
"@zag-js/dialog": "workspace:*",
38+
"@zag-js/dismissable": "workspace:*",
39+
"@zag-js/docs": "workspace:*",
40+
"@zag-js/dom-query": "workspace:*",
41+
"@zag-js/editable": "workspace:*",
42+
"@zag-js/file-upload": "workspace:*",
43+
"@zag-js/file-utils": "workspace:*",
44+
"@zag-js/floating-panel": "workspace:*",
45+
"@zag-js/focus-trap": "workspace:*",
46+
"@zag-js/focus-visible": "workspace:*",
47+
"@zag-js/highlight-word": "workspace:*",
48+
"@zag-js/hover-card": "workspace:*",
49+
"@zag-js/i18n-utils": "workspace:*",
50+
"@zag-js/interact-outside": "workspace:*",
51+
"@zag-js/json-tree-utils": "workspace:*",
52+
"@zag-js/listbox": "workspace:*",
53+
"@zag-js/live-region": "workspace:*",
54+
"@zag-js/menu": "workspace:*",
55+
"@zag-js/navigation-menu": "workspace:*",
56+
"@zag-js/number-input": "workspace:*",
57+
"@zag-js/pagination": "workspace:*",
58+
"@zag-js/password-input": "workspace:*",
59+
"@zag-js/pin-input": "workspace:*",
60+
"@zag-js/popover": "workspace:*",
61+
"@zag-js/popper": "workspace:*",
62+
"@zag-js/presence": "workspace:*",
63+
"@zag-js/progress": "workspace:*",
64+
"@zag-js/qr-code": "workspace:*",
65+
"@zag-js/radio-group": "workspace:*",
66+
"@zag-js/rating-group": "workspace:*",
67+
"@zag-js/rect-utils": "workspace:*",
68+
"@zag-js/remove-scroll": "workspace:*",
69+
"@zag-js/scroll-snap": "workspace:*",
70+
"@zag-js/select": "workspace:*",
71+
"@zag-js/shared": "workspace:*",
72+
"@zag-js/signature-pad": "workspace:*",
73+
"@zag-js/slider": "workspace:*",
74+
"@zag-js/splitter": "workspace:*",
75+
"@zag-js/steps": "workspace:*",
76+
"@zag-js/store": "workspace:*",
77+
"@zag-js/stringify-state": "workspace:*",
78+
"@zag-js/switch": "workspace:*",
79+
"@zag-js/tabs": "workspace:*",
80+
"@zag-js/tags-input": "workspace:*",
81+
"@zag-js/time-picker": "workspace:*",
82+
"@zag-js/timer": "workspace:*",
83+
"@zag-js/toast": "workspace:*",
84+
"@zag-js/toggle": "workspace:*",
85+
"@zag-js/toggle-group": "workspace:*",
86+
"@zag-js/tooltip": "workspace:*",
87+
"@zag-js/tour": "workspace:*",
88+
"@zag-js/tree-view": "workspace:*",
89+
"@zag-js/types": "workspace:*",
90+
"@zag-js/utils": "workspace:*",
91+
"form-serialize": "0.7.2",
92+
"lit": "3.3.1",
93+
"match-sorter": "8.0.3",
94+
"nanoid": "^5.1.5"
95+
}
96+
}

‎examples/lit-ts/pages/accordion.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<link rel="stylesheet" href="/layout.css" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Vite + TS</title>
9+
</head>
10+
<body style="padding: 40px">
11+
<h1>Accordion</h1>
12+
13+
<accordion-element></accordion-element>
14+
15+
<script type="module" src="./../src/accordion.ts"></script>
16+
</body>
17+
</html>

‎examples/lit-ts/pages/avatar.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<link rel="stylesheet" href="/layout.css" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Vite + TS</title>
9+
</head>
10+
<body style="padding: 40px">
11+
<h1>Avatar Element</h1>
12+
13+
<avatar-element></avatar-element>
14+
15+
<script type="module" src="./../src/avatar.ts"></script>
16+
</body>
17+
</html>

‎examples/lit-ts/pages/checkbox.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<link rel="stylesheet" href="/layout.css" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Vite + TS</title>
9+
</head>
10+
<body style="padding: 40px">
11+
<h1>Checkbox</h1>
12+
13+
<checkbox-element></checkbox-element>
14+
15+
<script type="module" src="../src/checkbox.ts"></script>
16+
</body>
17+
</html>

‎examples/lit-ts/pages/combobox.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<link rel="stylesheet" href="/layout.css" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Vite + TS</title>
9+
</head>
10+
<body style="padding: 40px">
11+
<h1>Combobox</h1>
12+
13+
<combobox-element></combobox-element>
14+
15+
<script type="module" src="../src/combobox.ts"></script>
16+
</body>
17+
</html>

‎examples/lit-ts/pages/popover.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<link rel="stylesheet" href="/layout.css" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Vite + TS</title>
9+
</head>
10+
<body style="padding: 40px">
11+
<h1>Popover</h1>
12+
13+
<popover-element></popover-element>
14+
15+
<script type="module" src="../src/popover.ts"></script>
16+
</body>
17+
</html>

0 commit comments

Comments
 (0)