Skip to content

Commit 0f56c55

Browse files
committed
feat(dev): restructure dev app with improved layout and component examples
- Reorganize dev app structure by moving client files to root src directory - Update teleport component to use data attributes instead of id for better compatibility - Add progress-out animation for smooth exit transitions in drop-zone - Enhance presence component with improved mount and transition state handling - Update documentation for drag-scroll with better data attribute examples - Bump dependencies including toolkit packages and tsdown - Add tw-animate-css for enhanced animations - Improve component examples with more comprehensive demos - Update README with project logo - Fix drop-zone progress variants with proper type safety
1 parent 86730a4 commit 0f56c55

32 files changed

Lines changed: 1046 additions & 870 deletions

README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
11
# @zayne-labs/ui
22

3+
<p align="center">
4+
<img src="https://raw.githubusercontent.com/zayne-labs/ui/refs/heads/main/apps/docs/public/logo.png" alt="zayne ui logo" width="80" />
5+
</p>
6+
37
Composable, headless UI components and utilities built for flexibility and great developer experience. Currently supports React, with more frameworks coming soon.
48

59
## Features

apps/dev/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<script type="module" src="/src/client/main.tsx"></script>
7+
<script type="module" src="/src/main.tsx"></script>
88
<title>Vite + TS</title>
99
</head>
1010
<body>

apps/dev/package.json

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
"private": true,
66
"scripts": {
77
"build": "tsc && vite build",
8-
"dev": "vite",
8+
"dev": "vite --force",
99
"lint:eslint": "eslint . --max-warnings 0",
1010
"lint:format": "prettier --write .",
1111
"preview": "vite preview"
@@ -14,8 +14,9 @@
1414
"@hookform/resolvers": "5.2.2",
1515
"@iconify/react": "6.0.2",
1616
"@zayne-labs/callapi": "1.12.0",
17-
"@zayne-labs/toolkit-core": "0.12.45",
18-
"@zayne-labs/toolkit-react": "0.12.45",
17+
"@zayne-labs/toolkit-core": "0.12.46",
18+
"@zayne-labs/toolkit-react": "0.12.46",
19+
"@zayne-labs/toolkit-type-helpers": "0.12.46",
1920
"@zayne-labs/ui-react": "workspace:*",
2021
"react": "19.2.4",
2122
"react-dom": "19.2.4",
@@ -38,6 +39,7 @@
3839
"prettier-plugin-tailwindcss": "0.7.2",
3940
"tailwindcss": "4.2.2",
4041
"tsx": "4.21.0",
42+
"tw-animate-css": "^1.4.0",
4143
"typescript": "6.0.2",
4244
"vite": "8.0.2"
4345
}
Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1+
import { useLocationState } from "@zayne-labs/toolkit-react";
12
import { Switch } from "@zayne-labs/ui-react/common/switch";
2-
import { DevLayout } from "./components/DevLayout";
3+
import { BaseLayout } from "./components/BaseLayout";
34
import { PageFive } from "./pages/five";
45
import { PageFour } from "./pages/four";
56
import { PageOne } from "./pages/one";
@@ -9,10 +10,10 @@ import { PageThree } from "./pages/three";
910
import { PageTwo } from "./pages/two";
1011

1112
function App() {
12-
const pathname = globalThis.location.pathname;
13+
const [pathname] = useLocationState((state) => state.pathname);
1314

1415
return (
15-
<DevLayout>
16+
<BaseLayout>
1617
<Switch.Root value={pathname}>
1718
<Switch.Match when="/one">
1819
<PageOne />
@@ -46,8 +47,8 @@ function App() {
4647
<PageOne />
4748
</Switch.Default>
4849
</Switch.Root>
49-
</DevLayout>
50+
</BaseLayout>
5051
);
5152
}
5253

53-
export default App;
54+
export { App };

apps/dev/src/client/components/DevLayout.tsx

Lines changed: 0 additions & 107 deletions
This file was deleted.

0 commit comments

Comments
 (0)