lerelais-front-library 0.1.0

package/src/components/Tooltip/Tooltip.test.tsx

@@ -0,0 +1,22 @@
+import { render, screen } from '@testing-library/react';
+import { Tooltip } from './Tooltip';
+
+describe('<Tooltip>', () => {
+  it('should render the trigger', () => {
+    render(
+      <Tooltip label="Tooltip text">
+        <button type="button">Info</button>
+      </Tooltip>,
+    );
+    expect(screen.getByRole('button', { name: 'Info' })).toBeInTheDocument();
+  });
+
+  it('should show the tooltip label', () => {
+    render(
+      <Tooltip label="Tooltip text">
+        <button type="button">Info</button>
+      </Tooltip>,
+    );
+    expect(screen.getByRole('tooltip')).toHaveTextContent('Tooltip text');
+  });
+});

package/src/components/Tooltip/Tooltip.tsx

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import { cn } from '@/lib/cn';
+import styles from './Tooltip.module.css';
+
+export interface TooltipProps {
+  label: string;
+  children: ReactNode;
+  className?: string;
+}
+
+export function Tooltip({ label, children, className }: TooltipProps) {
+  return (
+    <span className={cn(styles.wrap, className)}>
+      {children}
+      <span className={styles.tip} role="tooltip">
+        {label}
+      </span>
+    </span>
+  );
+}

package/src/components/Tooltip/index.ts

@@ -0,0 +1 @@
+export { Tooltip, type TooltipProps } from './Tooltip';

package/src/components/TrackingBadge/TrackingBadge.module.css

@@ -0,0 +1,10 @@
+.badge {
+  display: inline-flex;
+  padding: 8px 14px;
+  border-radius: 999px;
+  background: #d34860;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 1.3;
+}

package/src/components/TrackingBadge/TrackingBadge.test.tsx

@@ -0,0 +1,9 @@
+import { render, screen } from '@testing-library/react';
+import { TrackingBadge } from './TrackingBadge';
+
+describe('<TrackingBadge>', () => {
+  it('should render the tracking number', () => {
+    render(<TrackingBadge />);
+    expect(screen.getByText('LR-2026-084215')).toBeInTheDocument();
+  });
+});

package/src/components/TrackingBadge/TrackingBadge.tsx

@@ -0,0 +1,9 @@
+import styles from './TrackingBadge.module.css';
+
+export interface TrackingBadgeProps {
+  value?: string;
+}
+
+export function TrackingBadge({ value = 'LR-2026-084215' }: TrackingBadgeProps) {
+  return <span className={styles.badge}>{value}</span>;
+}

package/src/components/TrackingBadge/index.ts

@@ -0,0 +1 @@
+export { TrackingBadge, type TrackingBadgeProps } from './TrackingBadge';

package/src/components/TrackingCard/TrackingCard.module.css

@@ -0,0 +1,128 @@
+.card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 15px;
+  width: 100%;
+  max-width: 524px;
+  padding: 24px;
+  border: 1px solid #e5e8ed;
+  border-radius: 22px;
+  background: #fff;
+}
+
+.title {
+  margin: 0;
+  color: #191d26;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 1.25;
+}
+
+.number {
+  margin: 0;
+  color: #606978;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.25;
+}
+
+.progress {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.stepItem {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.done,
+.current,
+.upcoming {
+  display: grid;
+  place-items: center;
+  width: 42px;
+  height: 42px;
+  border-radius: 999px;
+  font-size: 15px;
+  font-weight: 700;
+  line-height: 1.25;
+}
+
+.done,
+.current {
+  background: #d34860;
+  color: #fff;
+}
+
+.upcoming {
+  background: #f9fafc;
+  color: #606978;
+}
+
+.line,
+.lineMuted {
+  width: 58px;
+  height: 3px;
+  border-radius: 2px;
+}
+
+.line {
+  background: #d34860;
+}
+
+.lineMuted {
+  background: #e8eaee;
+}
+
+.route {
+  margin: 0;
+  color: #191d26;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.25;
+}
+
+.relay {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  width: 100%;
+}
+
+.relayIcon {
+  display: grid;
+  place-items: center;
+  width: 48px;
+  height: 48px;
+  border-radius: 16px;
+  background: #fdf4f6;
+  color: #d34860;
+  font-size: 18px;
+  font-weight: 700;
+}
+
+.relayLabel,
+.relayName {
+  margin: 0;
+  line-height: 1.25;
+}
+
+.relayLabel {
+  color: #606978;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.relayName {
+  margin-top: 4px;
+  color: #191d26;
+  font-size: 15px;
+  font-weight: 600;
+}

package/src/components/TrackingCard/TrackingCard.test.tsx

@@ -0,0 +1,10 @@
+import { render, screen } from '@testing-library/react';
+import { TrackingCard } from './TrackingCard';
+
+describe('<TrackingCard>', () => {
+  it('should render the route and the relay', () => {
+    render(<TrackingCard />);
+    expect(screen.getByRole('heading', { name: 'Votre colis est en transit' })).toBeInTheDocument();
+    expect(screen.getByText('Épicerie des Brotteaux')).toBeInTheDocument();
+  });
+});

package/src/components/TrackingCard/TrackingCard.tsx

@@ -0,0 +1,58 @@
+import styles from './TrackingCard.module.css';
+
+export interface TrackingStep {
+  mark: string;
+  state: 'done' | 'current' | 'upcoming';
+}
+
+export interface TrackingCardProps {
+  title?: string;
+  trackingNumber?: string;
+  route?: string;
+  relayLabel?: string;
+  relayName?: string;
+  steps?: TrackingStep[];
+}
+
+const DEFAULT_STEPS: TrackingStep[] = [
+  { mark: '✓', state: 'done' },
+  { mark: '✓', state: 'done' },
+  { mark: '●', state: 'current' },
+  { mark: '○', state: 'upcoming' },
+];
+
+export function TrackingCard({
+  title = 'Votre colis est en transit',
+  trackingNumber = 'LR-2026-084215',
+  route = 'Abidjan 12e → Bouaké 3e',
+  relayLabel = "Point relais d'arrivée",
+  relayName = 'Épicerie des Brotteaux',
+  steps = DEFAULT_STEPS,
+}: TrackingCardProps) {
+  return (
+    <article className={styles.card}>
+      <h3 className={styles.title}>{title}</h3>
+      <p className={styles.number}>{trackingNumber}</p>
+      <ol className={styles.progress}>
+        {steps.map((step, index) => (
+          <li key={`${step.mark}-${index}`} className={styles.stepItem}>
+            <span className={styles[step.state]}>{step.mark}</span>
+            {index < steps.length - 1 ? (
+              <span className={step.state === 'done' ? styles.line : styles.lineMuted} />
+            ) : null}
+          </li>
+        ))}
+      </ol>
+      <p className={styles.route}>{route}</p>
+      <div className={styles.relay}>
+        <span className={styles.relayIcon} aria-hidden="true">
+          ⌂
+        </span>
+        <div>
+          <p className={styles.relayLabel}>{relayLabel}</p>
+          <p className={styles.relayName}>{relayName}</p>
+        </div>
+      </div>
+    </article>
+  );
+}

package/src/components/TrackingCard/index.ts

@@ -0,0 +1 @@
+export { TrackingCard, type TrackingCardProps, type TrackingStep } from './TrackingCard';

package/src/components/TrackingSearch/TrackingSearch.module.css

@@ -0,0 +1,35 @@
+.bar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  max-width: 500px;
+  height: 52px;
+  padding: 4px 4px 4px 16px;
+  border: 1px solid #e8eaee;
+  border-radius: 14px;
+  background: #fff;
+}
+
+.bar input {
+  flex: 1;
+  min-width: 0;
+  border: 0;
+  background: transparent;
+  color: #191d26;
+  font: inherit;
+  font-size: 14px;
+  outline: none;
+}
+
+.bar button {
+  padding: 10px 18px;
+  border: 0;
+  border-radius: 10px;
+  background: #d34860;
+  color: #fff;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 600;
+}

package/src/components/TrackingSearch/TrackingSearch.test.tsx

@@ -0,0 +1,15 @@
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { TrackingSearch } from './TrackingSearch';
+
+describe('<TrackingSearch>', () => {
+  it('should submit the tracking number', async () => {
+    const user = userEvent.setup();
+    const onSearch = vi.fn();
+    render(<TrackingSearch onSearch={onSearch} />);
+
+    await user.click(screen.getByRole('button', { name: 'Rechercher' }));
+
+    expect(onSearch).toHaveBeenCalledWith('LR-9999-000000');
+  });
+});

package/src/components/TrackingSearch/TrackingSearch.tsx

@@ -0,0 +1,24 @@
+import type { FormEvent } from 'react';
+import search from '@/assets/icons/core-search-dark.svg';
+import styles from './TrackingSearch.module.css';
+
+export interface TrackingSearchProps {
+  defaultValue?: string;
+  onSearch?: (value: string) => void;
+}
+
+export function TrackingSearch({ defaultValue = 'LR-9999-000000', onSearch }: TrackingSearchProps) {
+  function handleSubmit(event: FormEvent<HTMLFormElement>) {
+    event.preventDefault();
+    const data = new FormData(event.currentTarget);
+    onSearch?.(String(data.get('tracking') ?? ''));
+  }
+
+  return (
+    <form className={styles.bar} onSubmit={handleSubmit}>
+      <img src={search} alt="" width={18} height={18} />
+      <input name="tracking" defaultValue={defaultValue} aria-label="Numéro de suivi" />
+      <button type="submit">Rechercher</button>
+    </form>
+  );
+}

package/src/components/TrackingSearch/index.ts

@@ -0,0 +1 @@
+export { TrackingSearch, type TrackingSearchProps } from './TrackingSearch';

package/src/components/ValueCard/ValueCard.module.css

@@ -0,0 +1,38 @@
+.card {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  width: 100%;
+  max-width: 370px;
+  min-height: 180px;
+  padding: 22px 24px;
+  overflow: hidden;
+  border-radius: 20px;
+  background: #fff;
+  box-shadow: 0 6px 18px rgb(0 0 0 / 4%);
+}
+
+.icon {
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+  width: 40px;
+  height: 40px;
+  border-radius: 12px;
+  background: #fdf4f6;
+}
+
+.card h3 {
+  margin: 0;
+  color: #d34860;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.card p {
+  margin: 6px 0 0;
+  color: #606978;
+  font-size: 13px;
+  line-height: 1.3;
+}

package/src/components/ValueCard/ValueCard.test.tsx

@@ -0,0 +1,9 @@
+import { render, screen } from '@testing-library/react';
+import { ValueCard } from './ValueCard';
+
+describe('<ValueCard>', () => {
+  it('should render the value title', () => {
+    render(<ValueCard />);
+    expect(screen.getByRole('heading', { name: 'Proximité' })).toBeInTheDocument();
+  });
+});

package/src/components/ValueCard/ValueCard.tsx

@@ -0,0 +1,24 @@
+import pin from '@/assets/icons/core-pin-value.svg';
+import styles from './ValueCard.module.css';
+
+export interface ValueCardProps {
+  title?: string;
+  description?: string;
+}
+
+export function ValueCard({
+  title = 'Proximité',
+  description = 'Un réseau de commerces partenaires proche des utilisateurs.',
+}: ValueCardProps) {
+  return (
+    <article className={styles.card}>
+      <span className={styles.icon}>
+        <img src={pin} alt="" width={18} height={18} />
+      </span>
+      <div>
+        <h3>{title}</h3>
+        <p>{description}</p>
+      </div>
+    </article>
+  );
+}

package/src/components/ValueCard/index.ts

@@ -0,0 +1 @@
+export { ValueCard, type ValueCardProps } from './ValueCard';

package/src/lib/cn.ts

@@ -0,0 +1,3 @@
+export function cn(...parts: Array<string | false | null | undefined>) {
+  return parts.filter(Boolean).join(' ');
+}

package/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { App } from './App';
+import './styles/global.css';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/src/styles/global.css

@@ -0,0 +1,36 @@
+@import './tokens.css';
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html,
+body,
+#root {
+  margin: 0;
+  min-height: 100%;
+}
+
+body {
+  font-family: var(--font-sans);
+  color: var(--color-text);
+  background: #f4f6f8;
+  -webkit-font-smoothing: antialiased;
+}
+
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+}
+
+p {
+  margin: 0;
+}
+
+a {
+  color: inherit;
+}

package/src/styles/tokens.css

@@ -0,0 +1,61 @@
+:root {
+  --color-primary: #d34860;
+  --color-primary-hover: #b8324a;
+  --color-primary-soft: #fdf4f6;
+  --color-primary-wash: #fcf2f5;
+  --color-primary-card: #fcf5f7;
+  --color-primary-border: #f0e0e5;
+  --color-text: #191d26;
+  --color-text-secondary: #606978;
+  --color-text-muted: #7a8494;
+  --color-text-placeholder: #adb5c2;
+  --color-text-strong: #3e4652;
+  --color-text-faint: #9ca3af;
+  --color-border: #e5e8ed;
+  --color-border-strong: #d0d5dd;
+  --color-border-subtle: #edf0f2;
+  --color-border-line: #e8eaee;
+  --color-divider: #f0f1f3;
+  --color-surface: #ffffff;
+  --color-surface-muted: #f9fafc;
+  --color-surface-sunken: #f2f4f7;
+  --color-surface-cancel: #f7f8fa;
+  --color-surface-empty: #fafbfc;
+  --color-disabled: #d0d5dd;
+  --color-info: #2f6fcc;
+  --color-info-bg: #eef4fd;
+  --color-success: #2b7845;
+  --color-success-bright: #75d191;
+  --color-success-bg: #edf8f0;
+  --color-warning: #b86a12;
+  --color-warning-bg: #fff6e9;
+  --color-warning-icon: #f5c738;
+  --color-error: #b8324a;
+  --color-error-bg: #fceef1;
+  --color-sidebar: #13161c;
+  --color-sidebar-raised: #1c2029;
+  --color-sidebar-active: #332129;
+  --color-sidebar-text: #b2bac7;
+  --color-sidebar-muted: #adb2bf;
+  --color-ink: #1c2029;
+  --color-skeleton: #edeff2;
+  --color-chart-2: #e06c7e;
+  --color-chart-4: #f5a3b1;
+  --color-tooltip: #191d26;
+  --font-sans: 'Inter', system-ui, sans-serif;
+  --radius-xs: 6px;
+  --radius-sm: 10px;
+  --radius-control: 12px;
+  --radius-button: 13px;
+  --radius-md: 14px;
+  --radius-lg: 16px;
+  --radius-card: 18px;
+  --radius-xl: 20px;
+  --radius-pill: 999px;
+  --shadow-toast: 0 8px 12px rgba(0, 0, 0, 0.12);
+  --shadow-menu: 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.1);
+  --shadow-modal: 0 1px 4px rgba(0, 0, 0, 0.06), 0 8px 24px -4px rgba(0, 0, 0, 0.12);
+  --shadow-card: 0 4px 6px rgba(25, 29, 38, 0.02);
+  --shadow-note: 0 2px 3px rgba(0, 0, 0, 0.04);
+  --shadow-knob: 0 1px 3px rgba(0, 0, 0, 0.15);
+}

package/src/test/setup.ts

@@ -0,0 +1,9 @@
+import '@testing-library/jest-dom/vitest';
+import { afterAll, afterEach, beforeAll } from 'vitest';
+import { setupServer } from 'msw/node';
+
+export const server = setupServer();
+
+beforeAll(() => server.listen({ onUnhandledRequest: 'bypass' }));
+afterEach(() => server.resetHandlers());
+afterAll(() => server.close());

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.app.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["src/**/*.test.tsx"]
+}

package/tsconfig.app.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/assets/icons.ts","./src/components/accordion/accordion.tsx","./src/components/accordion/index.ts","./src/components/actioncard/actioncard.tsx","./src/components/actioncard/index.ts","./src/components/alert/alert.tsx","./src/components/alert/index.ts","./src/components/avatar/avatar.tsx","./src/components/avatar/index.ts","./src/components/badge/badge.tsx","./src/components/badge/index.ts","./src/components/barchart/barchart.tsx","./src/components/barchart/index.ts","./src/components/benefitscard/benefitscard.tsx","./src/components/benefitscard/index.ts","./src/components/bottomnavitem/bottomnavitem.tsx","./src/components/bottomnavitem/index.ts","./src/components/breadcrumb/breadcrumb.tsx","./src/components/breadcrumb/index.ts","./src/components/button/button.tsx","./src/components/button/index.ts","./src/components/checkbox/checkbox.tsx","./src/components/checkbox/index.ts","./src/components/confirmmodal/confirmmodal.tsx","./src/components/confirmmodal/index.ts","./src/components/corebutton/corebutton.tsx","./src/components/corebutton/index.ts","./src/components/corefield/corefield.tsx","./src/components/corefield/index.ts","./src/components/coreselect/coreselect.tsx","./src/components/coreselect/index.ts","./src/components/coretabs/coretabs.tsx","./src/components/coretabs/index.ts","./src/components/dashboardparcelrow/dashboardparcelrow.tsx","./src/components/dashboardparcelrow/index.ts","./src/components/datafilterstoolbar/datafilterstoolbar.tsx","./src/components/datafilterstoolbar/index.ts","./src/components/datasearchbar/datasearchbar.tsx","./src/components/datasearchbar/index.ts","./src/components/datatable/datatable.tsx","./src/components/datatable/index.ts","./src/components/divider/divider.tsx","./src/components/divider/index.ts","./src/components/dropdownmenu/dropdownmenu.tsx","./src/components/dropdownmenu/index.ts","./src/components/emptystate/emptystate.tsx","./src/components/emptystate/index.ts","./src/components/faqitem/faqitem.tsx","./src/components/faqitem/index.ts","./src/components/favoriterelaycard/favoriterelaycard.tsx","./src/components/favoriterelaycard/index.ts","./src/components/featurecard/featurecard.tsx","./src/components/featurecard/index.ts","./src/components/fileupload/fileupload.tsx","./src/components/fileupload/index.ts","./src/components/filterpill/filterpill.tsx","./src/components/filterpill/index.ts","./src/components/footer/footer.tsx","./src/components/footer/index.ts","./src/components/icon/icon.tsx","./src/components/icon/index.ts","./src/components/inforow/inforow.tsx","./src/components/inforow/index.ts","./src/components/linkbutton/linkbutton.tsx","./src/components/linkbutton/index.ts","./src/components/locationcard/locationcard.tsx","./src/components/locationcard/index.ts","./src/components/logo/logo.tsx","./src/components/logo/index.ts","./src/components/metriccard/metriccard.tsx","./src/components/metriccard/index.ts","./src/components/navbar/navbar.tsx","./src/components/navbar/index.ts","./src/components/notificationitem/notificationitem.tsx","./src/components/notificationitem/index.ts","./src/components/notificationrow/notificationrow.tsx","./src/components/notificationrow/index.ts","./src/components/outcomemodal/outcomemodal.tsx","./src/components/outcomemodal/index.ts","./src/components/pagination/pagination.tsx","./src/components/pagination/index.ts","./src/components/parcelcard/parcelcard.tsx","./src/components/parcelcard/index.ts","./src/components/parcelrow/parcelrow.tsx","./src/components/parcelrow/index.ts","./src/components/parceltimeline/parceltimeline.tsx","./src/components/parceltimeline/index.ts","./src/components/photoupload/photoupload.tsx","./src/components/photoupload/index.ts","./src/components/processbadge/processbadge.tsx","./src/components/processbadge/index.ts","./src/components/progressbar/progressbar.tsx","./src/components/progressbar/index.ts","./src/components/qrscanner/qrscanner.tsx","./src/components/qrscanner/index.ts","./src/components/questionsearch/questionsearch.tsx","./src/components/questionsearch/index.ts","./src/components/quickactioncard/quickactioncard.tsx","./src/components/quickactioncard/index.ts","./src/components/radio/radio.tsx","./src/components/radio/index.ts","./src/components/relaycard/relaycard.tsx","./src/components/relaycard/index.ts","./src/components/relayresultcard/relayresultcard.tsx","./src/components/relayresultcard/index.ts","./src/components/resetpasswordcard/resetpasswordcard.tsx","./src/components/resetpasswordcard/index.ts","./src/components/searchbar/searchbar.tsx","./src/components/searchbar/index.ts","./src/components/select/select.tsx","./src/components/select/index.ts","./src/components/shipmentstatus/shipmentstatus.tsx","./src/components/shipmentstatus/index.ts","./src/components/sidebar/sidebar.tsx","./src/components/sidebar/index.ts","./src/components/sidebarnavitem/sidebarnavitem.tsx","./src/components/sidebarnavitem/index.ts","./src/components/skeleton/skeleton.tsx","./src/components/skeleton/index.ts","./src/components/statcard/statcard.tsx","./src/components/statcard/index.ts","./src/components/statussummary/statussummary.tsx","./src/components/statussummary/index.ts","./src/components/stepcard/stepcard.tsx","./src/components/stepcard/index.ts","./src/components/stepper/stepper.tsx","./src/components/stepper/index.ts","./src/components/stepslist/stepslist.tsx","./src/components/stepslist/index.ts","./src/components/successfeedback/successfeedback.tsx","./src/components/successfeedback/index.ts","./src/components/switch/switch.tsx","./src/components/switch/index.ts","./src/components/tabs/tabs.tsx","./src/components/tabs/index.ts","./src/components/tag/tag.tsx","./src/components/tag/index.ts","./src/components/textfield/textfield.tsx","./src/components/textfield/index.ts","./src/components/toast/toast.tsx","./src/components/toast/index.ts","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/index.ts","./src/components/trackingbadge/trackingbadge.tsx","./src/components/trackingbadge/index.ts","./src/components/trackingcard/trackingcard.tsx","./src/components/trackingcard/index.ts","./src/components/trackingsearch/trackingsearch.tsx","./src/components/trackingsearch/index.ts","./src/components/valuecard/valuecard.tsx","./src/components/valuecard/index.ts","./src/lib/cn.ts","./src/test/setup.ts"],"version":"5.9.3"}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "types": ["node"]
+  },
+  "include": ["vite.config.ts", "vitest.config.ts"]
+}

package/tsconfig.node.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./vite.config.ts","./vitest.config.ts"],"version":"5.9.3"}

package/vite.config.ts

@@ -0,0 +1,12 @@
+import path from 'node:path';
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+    },
+  },
+});