neo-lite 0.1.0

package/README.md

@@ -0,0 +1,332 @@
+# Neo-Lite UI
+
+Neo-Lite UI is a small, opinionated React component library and documentation website with a lightweight neo-brutalist visual language.
+
+The system is designed in Figma, translated into component specifications, and implemented as accessible React, TypeScript, and Tailwind CSS v4 components. The public website presents the foundations and component examples. Its production deployment also serves the component Storybook at `/storybook`.
+
+## Design
+
+Neo-Lite is characterized by:
+
+- strong one-pixel borders
+- hard offset shadows
+- restrained corner radii
+- a mostly neutral interface palette
+- purple emphasis and focus states
+- expressive headings with practical interface typography
+- short, purposeful interaction motion
+
+The design system has four sources of truth:
+
+| Area | Source of truth |
+| --- | --- |
+| Visual design and intent | Figma |
+| Tokens and theme values | `src/styles/theme.css` |
+| Component behavior and public APIs | React components in `src/components` |
+| Component development and state coverage | Storybook stories |
+
+View the design file in the [Figma Community](https://www.figma.com/community/file/1683319542113903903).
+
+## Technology
+
+- React 19
+- TypeScript 5
+- Tailwind CSS 4
+- Vite 6
+- Storybook 9
+- Shiki for documentation-site code highlighting
+
+React and React DOM are peer dependencies for library consumers. This repository currently uses React 19 for local development.
+
+## Getting Started
+
+### Prerequisites
+
+- Node.js 20 or newer
+- npm
+
+### Install dependencies
+
+```bash
+npm install
+```
+
+### Start the Neo-Lite website
+
+```bash
+npm run dev
+```
+
+Vite serves the website at `http://localhost:5173` by default.
+
+Primary routes:
+
+- `/` - Home
+- `/overview` - Design foundations
+- `/components/badge` - Component documentation, starting with Badge
+- `/components/button`
+- `/components/card`
+- `/components/checkbox`
+- `/components/dialog`
+- `/components/input`
+- `/components/selection`
+- `/components/tabs`
+
+The website is independent from Storybook. Do not add website pages as Storybook stories.
+
+### Start Storybook
+
+```bash
+npm run storybook
+```
+
+Storybook runs separately at `http://localhost:6006`. It is the component laboratory for inspecting variants, states, interactions, and edge cases.
+
+## Available Scripts
+
+| Command | Purpose |
+| --- | --- |
+| `npm run dev` | Start the standalone Neo-Lite website with Vite |
+| `npm run build` | Create a production website build in `dist` |
+| `npm run build:site` | Create only the documentation website build |
+| `npm run build:package` | Compile the npm package into `package-dist` |
+| `npm run build:vercel` | Build the website and place Storybook at `dist/storybook` |
+| `npm run typecheck` | Run TypeScript without emitting files |
+| `npm run storybook` | Start the Storybook development server on port 6006 |
+| `npm run build-storybook` | Generate a static Storybook build |
+
+## Using the Components
+
+Import components from the package entry point and include the Neo-Lite theme once in the consuming application.
+
+```tsx
+import { Badge, Button, Card } from "neo-lite";
+import "neo-lite/styles.css";
+
+export function Example() {
+  return (
+    <Card
+      title="Your profile"
+      badges={<Badge variant="accent">New</Badge>}
+      footer={<Button variant="primary">Save</Button>}
+    >
+      Manage your details in one place.
+    </Card>
+  );
+}
+```
+
+The package is prepared for public npm publication but is not yet published. Until the first release is available from the registry, the same API can be tested by installing the tarball produced by `npm pack`.
+
+### Public Components
+
+| Component | Purpose |
+| --- | --- |
+| `Badge` | Compact status, category, or supporting label |
+| `Button` | Primary, secondary, accent, and destructive actions |
+| `Card` | Structured content surface with optional media, badges, body, and footer |
+| `Checkbox` | Binary and indeterminate selection control |
+| `Dialog` | Accessible modal surface with focus management |
+| `Input` | Single-line text input with labels, decorations, hints, and errors |
+| `Menu` | Presentational popup surface for menu content |
+| `MenuItem` | Interactive item used inside a Menu |
+| `Selection` | Single-value dropdown selection control |
+| `Tabs` and `Tab` | Keyboard-accessible tab selection group and items |
+
+Public exports are maintained in `src/index.ts`.
+
+## Theme and Tokens
+
+The theme is defined in `src/styles/theme.css`. It contains:
+
+- primitive neutral, purple, blue, green, yellow, and red colors
+- semantic background, foreground, border, focus, state, and feedback colors
+- Nokora and Playfair Display font families
+- a 4px-based spacing scale with selected fine and layout values
+- radius tokens from `--radius-sm` to `--radius-full`
+- motion duration, easing, and hover offset tokens
+- hard shadow tokens and focus rings
+- component geometry such as button heights
+
+Tailwind CSS v4 consumes these values through the `@theme inline` bridge in the same file. Prefer semantic utilities such as `bg-background`, `text-foreground`, and `border-border` over raw colors when a matching token exists.
+
+Do not introduce hard-coded visual values when an existing Neo-Lite token represents the same design decision.
+
+## Project Structure
+
+```text
+.
+|-- .storybook/             Storybook configuration
+|-- docs/                   Foundation and release-readiness documents
+|-- src/
+|   |-- assets/             Website images, illustrations, and icons
+|   |-- components/         Reusable library components and stories
+|   |-- constants/          Shared website constants and external links
+|   |-- pages/              Standalone documentation website pages
+|   |-- styles/             Neo-Lite theme and Tailwind token bridge
+|   |-- utils/              Shared implementation utilities
+|   |-- index.ts            Public component exports
+|   `-- main.tsx            Website entry point and route selection
+|-- package-dist/           Generated npm package artifacts
+|-- dist/                   Generated Vercel website and hosted Storybook
+|-- neo-lite-*-spec-v0.1.md Component specifications
+|-- package.json
+|-- tsconfig.build.json     Package declaration build configuration
+|-- tsconfig.json
+|-- vercel.json             Vercel build and route configuration
+|-- vite.lib.config.ts      npm library build configuration
+`-- vite.config.ts
+```
+
+Each component folder generally contains:
+
+```text
+Component.tsx
+Component.stories.tsx
+index.ts
+```
+
+## Documentation Website
+
+The website is implemented in `src/pages` and rendered by `src/main.tsx`.
+
+It currently includes:
+
+- a responsive Home page
+- a foundations Overview page covering color, spacing, radius, effects, and motion
+- component documentation routes with live previews
+- complete TSX examples with syntax highlighting
+- copy-to-clipboard controls with success feedback
+- shared responsive navigation and mobile menu behavior
+
+The website uses a mobile-first responsive strategy:
+
+- Mobile: below 640px
+- Tablet: 640px to 1023px using `sm:` styles
+- Desktop: 1024px and above using `lg:` styles
+
+The mobile and desktop Figma frames are visual anchors. Layouts remain fluid between those anchors and content is constrained at wide viewport sizes.
+
+The Vercel configuration serves existing static files first and falls back to `index.html` for routes such as `/overview` and `/components/badge`.
+
+## Storybook Workflow
+
+Storybook is intentionally separate from the documentation website.
+
+Use stories to cover:
+
+- variants and sizes
+- default, hover, focus, disabled, selected, and error states
+- content combinations
+- keyboard and pointer interaction
+- accessibility behavior
+- long content and layout stress cases
+
+Do not put Storybook-only behavior inside production components.
+
+The production Vercel build writes Storybook to `dist/storybook`, making it available from the website at `/storybook`. The local Storybook development server remains independent at `http://localhost:6006`.
+
+## Deployment
+
+Connect this repository to a Vercel project. The checked-in `vercel.json` runs `npm run build:vercel` and deploys `dist`, which contains both the website and the static Storybook build.
+
+Before deploying, verify the combined output locally:
+
+```bash
+npm run build:vercel
+```
+
+Vercel preview deployments should be checked at `/`, `/overview`, `/components/badge`, and `/storybook` before promoting a release to production.
+
+## Package Publishing
+
+The npm package build is intentionally separate from the website build:
+
+```bash
+npm run build:package
+npm pack --dry-run
+```
+
+`package-dist` contains the compiled ESM bundle, TypeScript declarations, declaration maps, and `neo-lite.css`. React and React DOM remain peer dependencies and are not bundled. Website pages, Storybook, specifications, and documentation assets are excluded by the package `files` allowlist.
+
+Before the first public release:
+
+1. Choose a project license, add a root `LICENSE` file, and add the matching `license` field to `package.json`.
+2. Confirm ownership of the `neo-lite` name on npm.
+3. Test the generated tarball in a clean React project.
+4. Sign in to npm and run `npm publish`.
+
+The `prepack` script runs typechecking and rebuilds the package automatically before npm creates or publishes a tarball.
+
+## Component Specifications
+
+Every current component has one canonical specification named `neo-lite-<component>-spec-v0.1.md`.
+
+The specifications document:
+
+- component purpose
+- Figma source nodes
+- anatomy
+- public React API
+- variants and states
+- token usage
+- interactions and keyboard behavior
+- accessibility requirements
+- Storybook coverage
+- acceptance criteria
+
+When a specification changes, update the existing `v0.1` file rather than creating parallel versioned copies unless the project adopts a formal specification-versioning policy.
+
+The shared foundation specification is available at `docs/neo-lite-foundations-v0.1.md`.
+
+## Accessibility
+
+Components should preserve native semantics wherever possible and provide equivalent keyboard behavior where custom interaction is required.
+
+Current accessibility considerations include:
+
+- visible keyboard focus using Neo-Lite focus tokens
+- native form controls where practical
+- modal focus movement, trapping, Escape handling, and focus restoration
+- keyboard navigation for Selection and Tabs
+- accessible labels for icon-only controls
+- reduced-motion handling for hover transforms
+- `aria` state exposure for interactive components
+
+Accessibility behavior belongs in the React implementation, even when it is not represented explicitly in Figma.
+
+## Development Workflow
+
+Use the following sequence for component work:
+
+```text
+Figma design
+-> design tokens
+-> component specification
+-> React API design
+-> React and Tailwind implementation
+-> Storybook validation
+-> documentation website example
+-> responsive and interaction QA
+```
+
+Before considering a change complete:
+
+1. Check the relevant Figma component or page.
+2. Reuse existing tokens, components, and icons.
+3. Update the canonical component specification when behavior or API changes.
+4. Add or update Storybook coverage.
+5. Run `npm run typecheck`.
+6. Run `npm run build`.
+7. Verify affected website routes at mobile, tablet, and desktop widths.
+
+## Design Resources
+
+- [Neo-Lite UI Kit on Figma Community](https://www.figma.com/community/file/1683319542113903903)
+- `neo-lite-project-context.md` for project principles and source-of-truth responsibilities
+- `docs/neo-lite-foundations-v0.1.md` for the foundation token specification
+- `docs/neo-lite-v0.1.0-release-readiness.md` for the current release checklist
+
+## Project Status
+
+Neo-Lite UI is a public repository under active development. The website is configured for Vercel deployment, and the `neo-lite` package is prepared for public npm publication but has not yet been released. APIs and documentation may evolve as components are refined against Figma and exercised in Storybook.

package/package-dist/assets/icons/Icon.d.ts

@@ -0,0 +1,23 @@
+declare const icons: {
+    "arrow-right": string;
+    figma: string;
+    github: string;
+    react: string;
+    star: string;
+    storybook: string;
+    "tailwind-css": string;
+};
+export type IconName = keyof typeof icons;
+type IconProps = ({
+    svg: string;
+    name?: never;
+} | {
+    name: IconName;
+    svg?: never;
+}) & {
+    className?: string;
+    ariaLabel?: string;
+};
+export declare function Icon({ svg, name, className, ariaLabel }: IconProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/package-dist/assets/icons/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/Icon.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,KAAK;;;;;;;;CAQV,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,KAAK,SAAS,GAAG,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GAAG;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAUF,wBAAgB,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,SAAS,+BAclE"}

package/package-dist/components/badge/Badge.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type BadgeVariant = "accent" | "secondary" | "primary" | "destructive";
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    leadingIcon?: ReactNode;
+}
+export declare function Badge({ variant, leadingIcon, className, children, ...props }: BadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/package-dist/components/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,WAAW,GACX,SAAS,GACT,aAAa,CAAC;AAElB,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AASD,wBAAgB,KAAK,CAAC,EACpB,OAAkB,EAClB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,+BAkBZ"}

package/package-dist/components/badge/index.d.ts

@@ -0,0 +1,3 @@
+export { Badge } from "./Badge";
+export type { BadgeProps, BadgeVariant } from "./Badge";
+//# sourceMappingURL=index.d.ts.map

package/package-dist/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/package-dist/components/button/Button.d.ts

@@ -0,0 +1,11 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+export type ButtonVariant = "accent" | "primary" | "secondary" | "destructive";
+export type ButtonSize = "xs" | "sm" | "lg";
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+};
+export declare function Button({ variant, size, type, leadingIcon, trailingIcon, className, children, ...props }: ButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/package-dist/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAsCF,wBAAgB,MAAM,CAAC,EACrB,OAAkB,EAClB,IAAW,EACX,IAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,+BAuCb"}

package/package-dist/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from "./Button";
+export type { ButtonProps, ButtonSize, ButtonVariant } from "./Button";
+//# sourceMappingURL=index.d.ts.map

package/package-dist/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}

package/package-dist/components/card/Card.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    image?: ReactNode;
+    badges?: ReactNode;
+    subtitle?: ReactNode;
+    title: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+}
+export declare function Card({ image, badges, subtitle, title, children, footer, className, ...props }: CardProps): import("react").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/package-dist/components/card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;IAEjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,+BA+DX"}

package/package-dist/components/card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card } from "./Card";
+export type { CardProps } from "./Card";
+//# sourceMappingURL=index.d.ts.map

package/package-dist/components/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/package-dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import { type InputHTMLAttributes } from "react";
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    indeterminate?: boolean;
+    error?: boolean;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/package-dist/components/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,4GAiFpB,CAAC"}

package/package-dist/components/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { Checkbox } from "./Checkbox";
+export type { CheckboxProps } from "./Checkbox";
+//# sourceMappingURL=index.d.ts.map

package/package-dist/components/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/package-dist/components/dialog/Dialog.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export interface DialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    closeLabel?: string;
+    className?: string;
+}
+export declare function Dialog({ open, onOpenChange, title, children, footer, closeLabel, className, }: DialogProps): import("react").ReactPortal | null;
+//# sourceMappingURL=Dialog.d.ts.map

package/package-dist/components/dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IAEpB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAA2B,EAC3B,SAAS,GACV,EAAE,WAAW,sCAqIb"}

package/package-dist/components/dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { Dialog } from "./Dialog";
+export type { DialogProps } from "./Dialog";
+//# sourceMappingURL=index.d.ts.map

package/package-dist/components/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/package-dist/components/input/Input.d.ts

@@ -0,0 +1,11 @@
+import type { InputHTMLAttributes, ReactNode } from "react";
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label?: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    leadingDecoration?: ReactNode;
+    trailingDecoration?: ReactNode;
+    containerClassName?: string;
+}
+export declare function Input({ id, label, hint, error, leadingDecoration, trailingDecoration, containerClassName, className, disabled, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...props }: InputProps): import("react").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

package/package-dist/components/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5D,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,GAAG,KAAK,EACT,EAAE,UAAU,+BAoEZ"}

package/package-dist/components/input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from "./Input";
+export type { InputProps } from "./Input";
+//# sourceMappingURL=index.d.ts.map

package/package-dist/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/package-dist/components/menu/Menu.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function Menu({ className, children, ...props }: MenuProps): import("react").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/package-dist/components/menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAShE"}

package/package-dist/components/menu/MenuItem.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+    leadingDecoration?: ReactNode;
+}
+export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=MenuItem.d.ts.map

package/package-dist/components/menu/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,WAAW,aACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,6GA4BpB,CAAC"}

package/package-dist/components/menu/index.d.ts

@@ -0,0 +1,5 @@
+export { Menu } from "./Menu";
+export type { MenuProps } from "./Menu";
+export { MenuItem } from "./MenuItem";
+export type { MenuItemProps } from "./MenuItem";
+//# sourceMappingURL=index.d.ts.map

package/package-dist/components/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/package-dist/components/menu/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const menuClassName = "w-full rounded-sm border border-border bg-background p-2 shadow-sm";
+export declare function menuItemClassName({ selected, className, }: {
+    selected?: boolean;
+    className?: string;
+}): string;
+//# sourceMappingURL=styles.d.ts.map

package/package-dist/components/menu/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/menu/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,uEAC4C,CAAC;AAEvE,wBAAgB,iBAAiB,CAAC,EAChC,QAAgB,EAChB,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,UAQA"}

package/package-dist/components/selection/Selection.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from "react";
+export interface SelectionOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface SelectionProps {
+    options: SelectionOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    label?: ReactNode;
+    placeholder?: ReactNode;
+    error?: boolean;
+    disabled?: boolean;
+    name?: string;
+    required?: boolean;
+    className?: string;
+}
+export declare function Selection({ options, value, defaultValue, onValueChange, label, placeholder, error, disabled, name, required, className, }: SelectionProps): import("react").JSX.Element;
+//# sourceMappingURL=Selection.d.ts.map

package/package-dist/components/selection/Selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selection.d.ts","sourceRoot":"","sources":["../../../src/components/selection/Selection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAE3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,WAAgC,EAChC,KAAa,EACb,QAAgB,EAChB,IAAI,EACJ,QAAgB,EAChB,SAAS,GACV,EAAE,cAAc,+BA2RhB"}

package/package-dist/components/selection/index.d.ts

@@ -0,0 +1,3 @@
+export { Selection } from "./Selection";
+export type { SelectionOption, SelectionProps } from "./Selection";
+//# sourceMappingURL=index.d.ts.map

package/package-dist/components/selection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/selection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/package-dist/components/tabs/Tab.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+export interface TabProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    value: string;
+    leadingIcon?: ReactNode;
+}
+export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Tab.d.ts.map

package/package-dist/components/tabs/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,GAAG,wGAqGf,CAAC"}

package/package-dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,23 @@
+import { type HTMLAttributes, type ReactNode, type RefObject } from "react";
+type RegisteredTab = {
+    value: string;
+    disabled: boolean;
+    ref: RefObject<HTMLButtonElement | null>;
+};
+type TabsContextValue = {
+    value: string | undefined;
+    registerTab: (tab: RegisteredTab) => void;
+    unregisterTab: (value: string) => void;
+    selectTab: (value: string) => void;
+    moveFocus: (currentValue: string, direction: 1 | -1 | "first" | "last") => void;
+};
+export declare function useTabsContext(): TabsContextValue;
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    children: ReactNode;
+}
+export declare function Tabs({ value, defaultValue, onValueChange, children, className, role, ...props }: TabsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/package-dist/components/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC1C,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CACjF,CAAC;AAIF,wBAAgB,cAAc,qBAQ7B;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,+BA+GX"}

package/package-dist/components/tabs/index.d.ts

@@ -0,0 +1,5 @@
+export { Tab } from "./Tab";
+export type { TabProps } from "./Tab";
+export { Tabs } from "./Tabs";
+export type { TabsProps } from "./Tabs";
+//# sourceMappingURL=index.d.ts.map

package/package-dist/components/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}