@tomny-dev/uzi 0.1.9 → 0.1.10-pr.3.10.1.0d19006

package/README.md

@@ -1,103 +1,132 @@
-# @tomny-dev/uzi
-
-Rapid-fire React UI components. Ship faster, build more.
-
-## Install
-
-```bash
-pnpm add @tomny-dev/uzi
-```
-
-## Usage
-
-```tsx
-import { Button, Card, Modal, ThemeProvider, useToast } from "@tomny-dev/uzi";
-```
-
-If you want the packaged component styles, import the exported stylesheet once in your app:
-
-```css
-@import "@tomny-dev/uzi/styles.css";
-```
-
-## Themes
-
-`uzi` ships with built-in light/dark tokens and a small accent palette layer.
-
-```tsx
-"use client";
-
-import { Button, ThemeProvider, useTheme } from "@tomny-dev/uzi";
-
-function ThemeToggle() {
-  const { resolvedTheme, toggleTheme, accent, setAccent } = useTheme();
-
-  return (
-    <div>
-      <Button onClick={toggleTheme}>
-        {resolvedTheme === "dark" ? "Switch to light" : "Switch to dark"}
-      </Button>
-      <Button variant="outline" onClick={() => setAccent(accent === "violet" ? "blue" : "violet")}>
-        Toggle accent
-      </Button>
-    </div>
-  );
-}
-
-export function App() {
-  return (
-    <ThemeProvider defaultTheme="system" defaultAccent="blue">
-      <ThemeToggle />
-    </ThemeProvider>
-  );
-}
-```
-
-Supported themes:
-
-- `light`
-- `dark`
-- `system`
-
-Supported accent palettes:
-
-- `blue`
-- `cyan`
-- `violet`
-- `emerald`
-- `amber`
-- `rose`
-
-## Components
-
-| Component | Description |
-|---|---|
-| `Avatar` | Profile image with fallback states |
-| `Button` | Primary, secondary, outline, ghost variants |
-| `Card` | Surface container with tone/padding control |
-| `Checkbox` | Checkbox form primitive |
-| `Input` | Text input primitive |
-| `Label` | Form label primitive |
-| `Pill` | Inline badge/tag |
-| `Modal` | Accessible overlay dialog |
-| `Dropdown` | Select-style dropdown |
-| `DropdownMenu` | Radix-based action menu primitives |
-| `AppShell` | Responsive layout with collapsible sidebar |
-| `SidebarNav` | Sidebar navigation list |
-| `TopBar` | Composable header shell for brand, nav triggers, and actions |
-| `ThemeToggleButton` | Reusable light/dark toggle wired to `ThemeProvider` |
-| `ThemeProvider` / `useTheme` | Light/dark + accent palette theming |
-| `ToastProvider` / `useToast` | Toast notification system |
-
-`TopBar` supports:
-
-- `brandingLocation="left" | "center"`
-- `isSticky={true | false}`
-- `showThemeToggle`
-- `themeToggleProps`
-
-## Notes
-
-- No Tailwind — components use CSS modules internally
-- `"use client"` is handled by the bundle — no need to wrap imports
-- `react` and `react-dom` are peer dependencies, provided by your app
+# @tomny-dev/uzi
+
+Rapid-fire React UI components. Ship faster, build more.
+
+## Install
+
+```bash
+pnpm add @tomny-dev/uzi
+```
+
+## Usage
+
+```tsx
+import { Button, Card, Modal, ThemeProvider, useToast } from "@tomny-dev/uzi";
+```
+
+If you want the packaged component styles, import the exported stylesheet once in your app:
+
+```css
+@import "@tomny-dev/uzi/styles.css";
+```
+
+## Using With Coding Agents
+
+Installing `@tomny-dev/uzi` in an app does not by itself cause Claude Code, Codex, or similar agents to prefer `uzi` components. You should add that policy to the consumer repo's agent guidance.
+
+Recommended snippet for the consumer repo's `CLAUDE.md`, `AGENTS.md`, or equivalent:
+
+```md
+## UI Components
+
+- Prefer `@tomny-dev/uzi` for shared UI primitives and layout components.
+- Check `uzi` before creating new local primitives such as buttons, inputs, labels, cards, modals, selects, dropdown menus, alerts, shells, navigation, and theme controls.
+- Only introduce a repo-local primitive when `uzi` lacks the required behavior or when the local file is intentionally app-specific composition.
+- Keep imports consistent with the surrounding area of the codebase. If the repo already uses thin wrappers around `uzi`, follow that local pattern.
+```
+
+If you want agents to discover props and examples directly, also configure the `uzi` MCP server. See [`mcp/README.md`](./mcp/README.md).
+
+## Themes
+
+`uzi` ships with built-in light/dark tokens and a small accent palette layer.
+
+```tsx
+"use client";
+
+import { Button, ThemeProvider, useTheme } from "@tomny-dev/uzi";
+
+function ThemeToggle() {
+  const { resolvedTheme, toggleTheme, accent, setAccent } = useTheme();
+
+  return (
+    <div>
+      <Button onClick={toggleTheme}>
+        {resolvedTheme === "dark" ? "Switch to light" : "Switch to dark"}
+      </Button>
+      <Button variant="outline" onClick={() => setAccent(accent === "violet" ? "blue" : "violet")}>
+        Toggle accent
+      </Button>
+    </div>
+  );
+}
+
+export function App() {
+  return (
+    <ThemeProvider defaultTheme="system" defaultAccent="blue">
+      <ThemeToggle />
+    </ThemeProvider>
+  );
+}
+```
+
+Supported themes:
+
+- `light`
+- `dark`
+- `system`
+
+Supported accent palettes:
+
+- `blue`
+- `cyan`
+- `violet`
+- `emerald`
+- `amber`
+- `rose`
+
+## Component Philosophy
+
+`uzi` is not meant to be a from-scratch accessibility framework.
+
+- Use native HTML for simple form controls when the platform already gives the right behavior.
+- Use Radix for interaction-heavy primitives such as menus, dialogs, popovers, toasts, and custom selects.
+- Use `uzi` for the public component API, styling, tokens, and higher-level templates like `TopBar`, `SidebarNav`, and `AppShell`.
+
+In practice, `uzi` should spend its complexity budget on reusable app scaffolding and cohesive design, not on rebuilding low-level widget behavior that Radix or the browser already solves.
+
+## Components
+
+| Component | Description |
+|---|---|
+| `Avatar` | Profile image with fallback states |
+| `Button` | Primary, secondary, outline, ghost variants |
+| `Card` | Surface container with tone/padding control |
+| `Checkbox` | Checkbox form primitive |
+| `Input` | Text input primitive |
+| `Label` | Form label primitive |
+| `MultiSelect` | Custom multi-option picker with checkbox-style menu |
+| `Pill` | Inline badge/tag |
+| `Modal` | Radix-backed overlay dialog |
+| `Select` | Styled Radix-based single-select field |
+| `Dropdown` | Deprecated compatibility alias for Select |
+| `DropdownMenu` | Radix-based action menu primitives |
+| `AppShell` | Responsive layout with collapsible sidebar |
+| `SidebarNav` | Sidebar navigation list |
+| `TopBar` | Composable header shell for brand, nav triggers, and actions |
+| `ThemeToggleButton` | Reusable light/dark toggle wired to `ThemeProvider` |
+| `ThemeProvider` / `useTheme` | Light/dark + accent palette theming |
+| `ToastProvider` / `useToast` | Radix-backed toast notification system |
+
+`TopBar` supports:
+
+- `brandingLocation="left" | "center"`
+- `isSticky={true | false}`
+- `showThemeToggle`
+- `themeToggleProps`
+
+## Notes
+
+- No Tailwind — components use CSS modules internally
+- `"use client"` is handled by the bundle — no need to wrap imports
+- `react` and `react-dom` are peer dependencies, provided by your app

package/dist/components/alert/Alert.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export type AlertTone = "success" | "error" | "warning" | "info";
+export type AlertProps = {
+    tone: AlertTone;
+    children: ReactNode;
+    className?: string;
+};
+export declare function Alert({ tone, children, className }: AlertProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/components/alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,2CAM9D"}

package/dist/components/app-shell/AppShell.d.ts

@@ -0,0 +1,46 @@
+import { type ReactNode } from "react";
+import { type TopBarProps } from "../top-bar/TopBar";
+export type AppShellProps = {
+    /** Primary page content rendered in the main area. */
+    children: ReactNode;
+    /** Sidebar navigation or custom content. */
+    sidebar: ReactNode;
+    /** Brand element rendered next to the hamburger (text or JSX). */
+    brand?: ReactNode;
+    /** Optional brand href; when provided the brand renders as an anchor. */
+    brandHref?: string;
+    /** Optional content after the brand on the left side of the top bar. */
+    topbarStart?: ReactNode;
+    /** Optional content aligned to the right side of the top bar. */
+    topbarEnd?: ReactNode;
+    /** Optional built-in theme toggle for the top bar. */
+    showThemeToggle?: boolean;
+    themeToggleProps?: TopBarProps["themeToggleProps"];
+    topBarBrandingLocation?: TopBarProps["brandingLocation"];
+    /** Custom class names for styling overrides. */
+    className?: string;
+    sidebarClassName?: string;
+    topbarClassName?: string;
+    mainClassName?: string;
+    /** Sets the sidebar width (e.g., `260`, `"18rem"`). */
+    sidebarWidth?: number | string;
+    /**
+     * Closes the sidebar on mobile whenever this value changes.
+     * Useful for reacting to route/pathname changes.
+     */
+    closeSidebarOnChangeKey?: unknown;
+    /** Label for the hamburger button (aria-label). */
+    hamburgerLabel?: string;
+    /** Optional callback fired whenever the sidebar open state changes. */
+    onSidebarToggle?: (open: boolean) => void;
+};
+/**
+  * Responsive application shell with a collapsible sidebar and sticky top bar.
+  *
+  * - Sidebar opens by default on desktop, collapses on mobile.
+  * - Closes on outside click/scroll/touch when in mobile mode.
+  * - Provides optional hook to close the sidebar when a prop value changes
+  *   (e.g., route transitions).
+  */
+export declare function AppShell({ children, sidebar, brand, brandHref, topbarStart, topbarEnd, showThemeToggle, themeToggleProps, topBarBrandingLocation, className, sidebarClassName, topbarClassName, mainClassName, sidebarWidth, closeSidebarOnChangeKey, hamburgerLabel, onSidebarToggle, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppShell.d.ts.map

package/dist/components/app-shell/AppShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/AppShell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAU7D,MAAM,MAAM,aAAa,GAAG;IAC1B,sDAAsD;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB,4CAA4C;IAC5C,OAAO,EAAE,SAAS,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iEAAiE;IACjE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACnD,sBAAsB,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACzD,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF;;;;;;;IAOI;AACJ,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,eAAuB,EACvB,gBAAgB,EAChB,sBAA+B,EAC/B,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,uBAAuB,EACvB,cAAoC,EACpC,eAAe,GAChB,EAAE,aAAa,2CA2Jf"}

package/dist/components/avatar/Avatar.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+export type AvatarSize = "sm" | "md" | "lg";
+export type AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: AvatarSize;
+};
+export declare function Avatar({ className, size, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+export declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IAC5E,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAW,EACX,GAAG,KAAK,EACT,EAAE,WAAW,2CAUb;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAOpD;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAOvD"}

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+export type ButtonVariant = "default" | "primary" | "secondary" | "outline" | "ghost" | "destructive" | "link";
+export type ButtonSize = "default" | "sm" | "md" | "lg" | "icon";
+type BaseProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    className?: string;
+    children?: React.ReactNode;
+    asChild?: boolean;
+};
+type AsButton = BaseProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: "button";
+};
+type AsAnchor = BaseProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as: "a";
+};
+export type ButtonProps = AsButton | AsAnchor;
+export declare function Button({ as, variant, size, className, children, asChild, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Button.d.ts.map

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,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,MAAM,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEjE,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,QAAQ,GAAG,SAAS,GACvB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEpE,KAAK,QAAQ,GAAG,SAAS,GACvB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,EAAE,EAAE,GAAG,CAAA;CAAE,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAoB9C,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,OAAmB,EACnB,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,OAAe,EACf,GAAG,IAAI,EACR,EAAE,WAAW,2CAoCb"}

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

@@ -0,0 +1,28 @@
+/**
+ * Lightweight container component used for panels across the app.
+ *
+ * @remarks
+ * Supports tone variants, padding presets, and an optional interactive affordance.
+ *
+ * @param props.as - Semantic element to render (defaults to `div`).
+ * @param props.tone - Visual tone variant.
+ * @param props.padding - Padding preset.
+ * @param props.interactive - Enables hover/focus affordance.
+ */
+import type { HTMLAttributes } from "react";
+export type CardTone = "default" | "muted" | "contrast";
+export type CardPadding = "none" | "sm" | "md" | "lg";
+type CardElement = "div" | "section" | "article";
+export type CardProps = HTMLAttributes<HTMLElement> & {
+    /** Optional semantic element type. Defaults to `div`. */
+    as?: CardElement;
+    /** Visual tone; drives background/border CSS vars. */
+    tone?: CardTone;
+    /** Padding preset; maps to CSS variables so consumers can override globally. */
+    padding?: CardPadding;
+    /** Adds hover/focus affordance (lift + outline). */
+    interactive?: boolean;
+};
+export declare function Card({ as, tone, padding, interactive, className, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Card.d.ts.map

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;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,KAAK,WAAW,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACpD,yDAAyD;IACzD,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gFAAgF;IAChF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,IAAgB,EAChB,OAAc,EACd,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,2CAiBX"}

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

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,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAExE,eAAO,MAAM,QAAQ,wFAWpB,CAAC"}

package/dist/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type SelectOption, type SelectProps } from "../select/Select";
+export interface DropdownOption extends SelectOption {
+}
+export interface DropdownProps extends Omit<SelectProps, "allowEmptyOption" | "fullWidth" | "placeholder" | "options"> {
+    /** List of options to display in the menu. */
+    options: DropdownOption[];
+    /** Label shown when no option is selected. Defaults to "All". */
+    placeholder?: string;
+    /** Whether to show the placeholder as a clearable option. Defaults to true. */
+    allowClear?: boolean;
+}
+/**
+ * @deprecated Use Select for value selection and DropdownMenu for action menus.
+ * Dropdown remains as a compatibility alias during migration.
+ */
+export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/E,MAAM,WAAW,cAAe,SAAQ,YAAY;CAAG;AAEvD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,WAAW,EACX,kBAAkB,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAC7D;IACD,8CAA8C;IAC9C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,yFAyBpB,CAAC"}

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+export declare function DropdownMenu(props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuTrigger(props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuPortal(props: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuSub(props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuRadioGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuCheckboxItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/components/dropdown-menu/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAIvE,wBAAgB,YAAY,CAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,2CAG/D;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,2CAGlE;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,2CAGhE;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAGjE;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAG9D;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,2CAGrE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,2CAU5D;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,2CAYA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,2CAiCjE;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,2CAkB9D;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CAQA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,2CAO9D;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,GAAG;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CA0BA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,2CAO/D"}

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

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,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAErE,eAAO,MAAM,KAAK,qFAWjB,CAAC"}

package/dist/components/label/Label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=Label.d.ts.map

package/dist/components/label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAErE,eAAO,MAAM,KAAK,qFAIjB,CAAC"}

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+export type ModalOverlayProps = {
+    open: boolean;
+    onClose: () => void;
+    /** Extra class applied to the backdrop */
+    className?: string;
+    children: ReactNode;
+};
+export declare function ModalOverlay({ open, onClose, className, children }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
+export type ModalSize = "sm" | "md" | "lg" | "xl";
+export type ModalProps = {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    subtitle?: string;
+    size?: ModalSize;
+    children: ReactNode;
+    footer?: ReactNode;
+};
+export declare function Modal({ open, onClose, title, subtitle, size, children, footer }: ModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAkBrF;AAKD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,UAAU,2CA6BlG"}

package/dist/components/multi-select/MultiSelect.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export type MultiSelectOption = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export type MultiSelectProps = {
+    options: MultiSelectOption[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    fullWidth?: boolean;
+    maxVisibleValues?: number;
+    className?: string;
+    disabled?: boolean;
+    name?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+};
+export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/components/multi-select/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,4FAuKvB,CAAC"}

package/dist/components/pill/Pill.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Compact label component for status chips and tags.
+ *
+ * @remarks
+ * Supports tone and size presets, and can render any inline element.
+ *
+ * @param props.as - Element to render (defaults to `span`).
+ * @param props.tone - Visual tone variant.
+ * @param props.size - Size preset.
+ * @param props.icon - Optional leading icon.
+ */
+import type { HTMLAttributes, ReactNode } from "react";
+export type PillTone = "neutral" | "success" | "warning" | "info" | "danger";
+export type PillSize = "sm" | "md";
+type PillElement = "span" | "div" | "button";
+export type PillProps = HTMLAttributes<HTMLElement> & {
+    /** Optional rendered element; defaults to `span`. */
+    as?: PillElement;
+    /** Visual tone; adjusts color and border. */
+    tone?: PillTone;
+    /** Size preset. */
+    size?: PillSize;
+    /** Leading icon node (not focusable). */
+    icon?: ReactNode;
+};
+export declare function Pill({ as, tone, size, icon, className, children, ...rest }: PillProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Pill.d.ts.map

package/dist/components/pill/Pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/pill/Pill.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACpD,qDAAqD;IACrD,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mBAAmB;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,IAAgB,EAChB,IAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,2CAcX"}

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from "react";
+export type ProgressTone = "default" | "success" | "warning" | "danger";
+export type ProgressProps = HTMLAttributes<HTMLDivElement> & {
+    /** Value 0–100. */
+    value: number;
+    /** Visual tone. Defaults to "default". */
+    tone?: ProgressTone;
+    /** Accessible label. */
+    "aria-label"?: string;
+};
+export declare function Progress({ value, tone, className, "aria-label": ariaLabel, ...rest }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Progress.d.ts.map

package/dist/components/progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAgB,EAChB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,aAAa,2CAkBf"}

package/dist/components/select/Select.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+export type SelectOption = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export type SelectProps = {
+    options: SelectOption[];
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    allowEmptyOption?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    autoComplete?: string;
+    form?: string;
+    title?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    onBlur?: React.FocusEventHandler<HTMLButtonElement>;
+    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+};
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD,CAAC;AAIF,eAAO,MAAM,MAAM,uFAyJlB,CAAC"}