Repository navigation
Set up @artisanpack-ui/react base package scaffolding #3
Description
Problem Statement
Is your feature request related to a problem?
The React component library package needs its base structure, exports, and TypeScript configuration before individual components can be ported.
Proposed Solution
What would you like to happen?
Scaffold the @artisanpack-ui/react package with:
- Package entry point: Barrel exports (
index.ts) for tree-shakeable component imports - TypeScript config: Strict mode, JSX support, path aliases
- Build output: ESM and CJS bundles with TypeScript declarations
- Component directory structure: Organized by category (Form, Layout, Navigation, DataDisplay, Feedback, Utility)
- Shared component utilities: Common hooks, context providers, and prop types used across components
- Tailwind CSS + DaisyUI integration: Ensure components consume design tokens from
@artisanpack-ui/tokens - Testing setup: Vitest + React Testing Library configured for component tests
Alternatives Considered
- Flat component directory — rejected in favor of category-based organization matching the Livewire package structure
Use Cases
- Developers install
@artisanpack-ui/reactand import components:import { Button, Card } from '@artisanpack-ui/react' - Tree shaking ensures only imported components are bundled
- TypeScript provides full autocompletion and type safety for all component props
Additional Context
The package workspace exists at packages/react. This issue sets up the skeleton — individual component issues handle the actual component implementations.
Priority: High — blocks all component work
Effort: Medium (1-3 days)
Metadata
Metadata
Assignees
Type
Fields
Priority
High
Start date
None yet
Target date
None yet
Effort
Medium
Breaking change
None yet
Activity
ViewFromTheBox commentedon Mar 27, 2026
Progress Update
This issue is mostly complete. The following has been done:
packages/reactwithpackage.json,tsconfig.json,tsup.config.ts,vitest.config.tsindex,form,layout,navigation,display,data,utilitywith separate dist bundlespackage.json(e.g.,@artisanpack-ui/react/form)components/form/,components/layout/,components/navigation/,components/display/,components/data/,components/utility/src/index.tsre-exporting all categories + typesDaisyColorenum (primary, secondary, accent, success, warning, error, info, neutral)Sizetype (xs, sm, md, lg)GlassPropsandColorPropsinterfacesFormFieldPropsinterface (label, error, hint)@artisanpack-ui/tokenslinked as workspace dependencytest-setup.tsRemaining (minor):
feedback/— feedback components may be folded into another category or added when needed)enhancement: complete base package scaffolding