harebear-ui 0.1.0 → 0.2.2
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.
- package/AGENTS.md +14 -11
- package/dist/components/ai/chat.js +4 -0
- package/dist/components/ai/code-block.d.ts +13 -7
- package/dist/components/ai/code-block.js +23 -13
- package/dist/components/auth/auth.d.ts +85 -0
- package/dist/components/auth/auth.js +325 -0
- package/dist/components/theme/theme-toggle.js +1 -0
- package/dist/components/ui/attachment.d.ts +24 -0
- package/dist/components/ui/attachment.js +100 -0
- package/dist/components/ui/bubble.d.ts +17 -0
- package/dist/components/ui/bubble.js +71 -0
- package/dist/components/ui/code-block.d.ts +26 -0
- package/dist/components/ui/code-block.js +123 -0
- package/dist/components/ui/combobox.d.ts +24 -0
- package/dist/components/ui/combobox.js +162 -0
- package/dist/components/ui/direction.d.ts +7 -0
- package/dist/components/ui/direction.js +12 -0
- package/dist/components/ui/field.js +1 -1
- package/dist/components/ui/input-group.js +1 -1
- package/dist/components/ui/marker.d.ts +11 -0
- package/dist/components/ui/marker.js +39 -0
- package/dist/components/ui/message-scroller.d.ts +10 -0
- package/dist/components/ui/message-scroller.js +59 -0
- package/dist/components/ui/message.d.ts +10 -0
- package/dist/components/ui/message.js +48 -0
- package/dist/components/ui/native-select.d.ts +8 -0
- package/dist/components/ui/native-select.js +37 -0
- package/dist/components/ui/questionnaire.d.ts +19 -0
- package/dist/components/ui/questionnaire.js +168 -0
- package/dist/components/ui/select.js +1 -1
- package/dist/components/ui/trace.d.ts +18 -0
- package/dist/components/ui/trace.js +74 -0
- package/dist/hooks/use-highlighted-code.d.ts +2 -0
- package/dist/hooks/use-highlighted-code.js +54 -0
- package/dist/index.d.ts +16 -2
- package/dist/index.js +16 -2
- package/dist/lib/highlighter.d.ts +9 -0
- package/dist/lib/highlighter.js +77 -0
- package/docs/COMPONENTS.md +115 -62
- package/llms.txt +6 -4
- package/package.json +8 -5
- package/skills/harebear-ui/SKILL.md +3 -2
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "harebear-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"description": "Opinionated, pre-themed shadcn/ui component library for React 19 + Tailwind CSS v4. Admin, data, and AI chat building blocks, ready for agents.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Harrison Milbradt",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
10
|
-
"url": "git+https://github.com/
|
|
10
|
+
"url": "git+https://github.com/HMilbradt/harebear-ui.git"
|
|
11
11
|
},
|
|
12
|
-
"homepage": "https://github.com/
|
|
13
|
-
"bugs": "https://github.com/
|
|
12
|
+
"homepage": "https://github.com/HMilbradt/harebear-ui#readme",
|
|
13
|
+
"bugs": "https://github.com/HMilbradt/harebear-ui/issues",
|
|
14
14
|
"keywords": [
|
|
15
15
|
"react",
|
|
16
16
|
"tailwindcss",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
},
|
|
41
41
|
"types": "./dist/index.d.ts",
|
|
42
42
|
"bin": {
|
|
43
|
-
"harebear-ui": "
|
|
43
|
+
"harebear-ui": "bin/harebear-ui.mjs"
|
|
44
44
|
},
|
|
45
45
|
"files": [
|
|
46
46
|
"dist",
|
|
@@ -74,8 +74,10 @@
|
|
|
74
74
|
"node": ">=20.19"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
+
"@base-ui/react": "^1.9.0",
|
|
77
78
|
"@fontsource-variable/geist": "^5.3.0",
|
|
78
79
|
"@fontsource-variable/geist-mono": "^5.3.0",
|
|
80
|
+
"@shadcn/react": "^0.3.1",
|
|
79
81
|
"@tanstack/react-table": "^9.3.1",
|
|
80
82
|
"class-variance-authority": "^0.7.1",
|
|
81
83
|
"clsx": "^2.1.1",
|
|
@@ -88,6 +90,7 @@
|
|
|
88
90
|
"react-day-picker": "^10.0.2",
|
|
89
91
|
"react-resizable-panels": "^4.21.0",
|
|
90
92
|
"recharts": "^3.10.1",
|
|
93
|
+
"shiki": "^4.6.0",
|
|
91
94
|
"sonner": "^2.0.8",
|
|
92
95
|
"tailwind-merge": "^3.7.0",
|
|
93
96
|
"tw-animate-css": "^1.4.0",
|
|
@@ -12,7 +12,7 @@ This project uses `harebear-ui` for all UI. Its theme, tokens, and components ar
|
|
|
12
12
|
|
|
13
13
|
1. Read the catalog: `node_modules/harebear-ui/docs/COMPONENTS.md`. It lists every export with props and examples.
|
|
14
14
|
2. Pick existing components first. Build new components only by composing harebear-ui parts.
|
|
15
|
-
3. For a whole screen, start from the closest reference screen: admin dashboard, AI chat, data table with detail panel,
|
|
15
|
+
3. For a whole screen, start from the closest reference screen: admin dashboard, AI chat, data table with detail panel, status home page, or auth (https://github.com/hmilbradt/harebear-ui/tree/main/playground/screens).
|
|
16
16
|
|
|
17
17
|
## Rules
|
|
18
18
|
|
|
@@ -24,7 +24,8 @@ This project uses `harebear-ui` for all UI. Its theme, tokens, and components ar
|
|
|
24
24
|
- Compose `className` with `cn()` from harebear-ui.
|
|
25
25
|
- Lay out pages as columns of `Card`s with `gap-5`, page sections with `gap-7`. Use `PageHeader` for page titles and `AppShell` for sidebar apps.
|
|
26
26
|
- DataTable columns: define with `createDataTableColumnHelper<Row>()` at module scope, pass `getRowId`.
|
|
27
|
-
- Chat: `ChatThread` > `ChatMessage role="user" | "assistant"`; render model output inside `Prose`; composer is `PromptInput`.
|
|
27
|
+
- Chat: `ChatThread` > `ChatMessage role="user" | "assistant"`; render model output inside `Prose`; composer is `PromptInput`; code is `CodeSnippet`; agent steps are `Trace`; clarifying questions are `Questionnaire`.
|
|
28
|
+
- Sign-in and sign-up pages: `AuthLayout` + `LoginForm` / `SignupForm`. Don't hand-build auth forms.
|
|
28
29
|
- Theme: `ThemeProvider` at the root (`accent`, `radius`, `defaultMode`), `ThemeToggle` for the light/dark button. Both modes must work: never style for only one.
|
|
29
30
|
|
|
30
31
|
## Check your work
|