@vashu96/ui 0.0.1 → 0.0.3

package/README.md

@@ -0,0 +1,52 @@
+# @vashu96/ui
+
+**Crystal Flat Design System** — A collection of high-quality, glassmorphism-inspired React components.
+
+## Installation
+
+```bash
+npm install @vashu96/ui
+```
+
+## Setup
+
+Import the global styles in your main entry point (e.g., `main.tsx` or `App.tsx`):
+
+```tsx
+import "@vashu96/ui/styles.css";
+```
+
+## Usage
+
+```tsx
+import { Button, Card, SpotlightCard } from "@vashu96/ui";
+
+function MyComponent() {
+  return (
+    <Card variant="glass">
+      <SpotlightCard>
+        <h2>Hello World</h2>
+        <Button variant="primary">Click Me</Button>
+      </SpotlightCard>
+    </Card>
+  );
+}
+```
+
+## Components
+
+The library provides a comprehensive set of components:
+
+- **Layout**: `Card`, `SpotlightCard`, `Separator`, `Table`, `DataTable`, `Sidebar`, `Sheet`
+- **Forms**: `Button`, `Input`, `Textarea`, `Checkbox`, `Switch`, `Slider`, `Select`, `FormField`, `Label`
+- **Feedback**: `Badge`, `Alert`, `Toast`, `Progress`, `Spinner`, `Skeleton`, `EmptyState`
+- **Overlay**: `Dialog`, `ConfirmDialog`, `Tooltip`, `Dropdown`, `Command`, `SearchCommand`
+- **Navigation**: `Tabs`, `Breadcrumb`, `Pagination`, `Tag`
+
+## Theme Support
+
+The library supports light and dark modes out of the box. Use the `data-theme="dark"` attribute on a parent element or the `html` tag to switch themes.
+
+## License
+
+MIT

package/dist/Breadcrumb.d.ts

@@ -5,6 +5,7 @@ declare const BreadcrumbItem: import('react').ForwardRefExoticComponent<HTMLAttr
 interface BreadcrumbLinkProps extends HTMLAttributes<HTMLAnchorElement> {
     href?: string;
     active?: boolean;
+    isCurrent?: boolean;
 }
 declare const BreadcrumbLink: import('react').ForwardRefExoticComponent<BreadcrumbLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
 declare function BreadcrumbSeparator({ children, className, }: {

package/dist/TOC.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'react';
+export interface TOCItem {
+    id: string;
+    label: string;
+}
+export interface TOCProps extends HTMLAttributes<HTMLElement> {
+    items: TOCItem[];
+    /**
+     * Whether to use smooth scrolling when clicking on a link.
+     * @default true
+     */
+    smooth?: boolean;
+    /**
+     * Callback fired when a TOC item is clicked.
+     * Useful for handling router navigation or URL updates manually.
+     */
+    onItemClick?: (id: string) => void;
+}
+export declare function TOC({ items, smooth, className, onItemClick, ...props }: TOCProps): import("react/jsx-runtime").JSX.Element;