advi-ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/src/components/PageNotFound.d.ts

@@ -0,0 +1 @@
+export declare const PageNotFound: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/button.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { default as React, ButtonHTMLAttributes } from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/src/components/ui/card.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    direction?: "row" | "column" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/src/components/ui/dialog.d.ts

@@ -0,0 +1,19 @@
+import { default as React, HTMLAttributes } from 'react';
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/src/components/ui/header.d.ts

@@ -0,0 +1,9 @@
+import { Link } from './link';
+export interface Header {
+    logo_link: Link;
+    nav_items: Link[];
+    login_link: Link;
+}
+export declare const Header: ({ content }: {
+    content: Header;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/input.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+interface InputProps extends ComponentProps<"input"> {
+    label?: string;
+    description?: string;
+    validate?: (value: string) => string | null;
+    onValueChange?: (valid: string) => void;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/src/components/ui/label.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/src/components/ui/link.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface Link {
+    url: string;
+    text?: string;
+    is_external_link?: boolean;
+}
+type LinkProps = {
+    link: Link;
+    className?: string;
+    noBaseClass?: boolean;
+    children?: ReactNode;
+};
+export declare const Link: ({ link, className, noBaseClass, children }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/loading.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+interface LoadingProps extends HTMLAttributes<HTMLDivElement> {
+    text?: string;
+}
+export declare const Loading: {
+    ({ text, className, ...props }: LoadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/ui/modal.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+interface ModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    trigger: ReactNode;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+    footer?: ReactNode;
+}
+export declare const Modal: ({ open, onOpenChange, trigger, title, description, children, footer }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/page-aside.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface PageAsideProps {
+    children?: React.ReactNode;
+    title?: React.ReactNode;
+    userName?: string;
+    onLogout?: () => void;
+}
+export declare const PageAside: ({ children, title, userName, onLogout }: PageAsideProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/textarea.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+interface TextareaProps extends ComponentProps<"textarea"> {
+    label?: string;
+    description?: string;
+    maskedLength?: number;
+    hidden?: boolean;
+    validate?: (value: string) => string | null;
+    onValidationChange?: (valid: boolean) => void;
+}
+export declare const Textarea: import('react').ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/src/components/ui/toast.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export declare const ToastProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const toast: {
+    success: (titleOrDescription: string, description?: string) => void;
+    error: (titleOrDescription: string, description?: string) => void;
+    warning: (titleOrDescription: string, description?: string) => void;
+    info: (titleOrDescription: string, description?: string) => void;
+    default: (titleOrDescription: string, description?: string) => void;
+};

package/dist/src/index.d.ts

@@ -0,0 +1,14 @@
+export * from './components/ui/button';
+export * from './components/ui/card';
+export * from './components/ui/dialog';
+export * from './components/ui/header';
+export * from './components/ui/input';
+export * from './components/ui/label';
+export * from './components/ui/link';
+export * from './components/ui/loading';
+export * from './components/ui/modal';
+export * from './components/ui/page-aside';
+export * from './components/ui/textarea';
+export * from './components/ui/toast';
+export * from './components/PageNotFound';
+export * from './lib/utils';

package/dist/src/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -0,0 +1,98 @@
+{
+  "name": "advi-ui",
+  "version": "0.1.0",
+  "description": "Personal React component library built with Tailwind CSS, SCSS, and Storybook",
+  "license": "MIT",
+  "author": "Atharva Devasthali",
+  "keywords": [
+    "react",
+    "component-library",
+    "tailwind",
+    "ui",
+    "typescript",
+    "storybook"
+  ],
+  "homepage": "https://github.com/atharvad/advi-ui#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/atharvad/advi-ui.git"
+  },
+  "type": "module",
+  "main": "./dist/advi-ui.cjs.js",
+  "module": "./dist/advi-ui.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/advi-ui.es.js",
+      "require": "./dist/advi-ui.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/advi-ui.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:lib": "tsc -b && vite build --mode production",
+    "prepublishOnly": "npm run build:lib",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.4.0",
+    "@fontsource-variable/geist": "^5.2.8",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.8.0",
+    "sass": "^1.99.0",
+    "tailwind-merge": "^3.5.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.1.2",
+    "@eslint/js": "^9.39.4",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-onboarding": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@types/node": "^24.12.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser-playwright": "^4.1.4",
+    "@vitest/coverage-v8": "^4.1.4",
+    "autoprefixer": "^10.5.0",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-storybook": "^10.3.5",
+    "globals": "^17.4.0",
+    "playwright": "^1.59.1",
+    "postcss": "^8.5.10",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "storybook": "^10.3.5",
+    "tailwindcss": "^3.4.19",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "~6.0.2",
+    "typescript-eslint": "^8.58.0",
+    "vite": "^8.0.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.1.4"
+  }
+}