@kpv2004/quark-ui 0.1.1 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kpv2004/quark-ui",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -11,14 +11,14 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./styles": "./src/styles/tokens.css"
+    "./styles": "./dist/index.css"
   },
   "files": [
     "dist",
     "src/styles/tokens.css"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --clean --minify --external react,react-dom"
+    "build": "vite build && mv dist/quark-ui.css dist/index.css"
   },
   "peerDependencies": {
     "react": ">=18.0.0",

package/dist/index.d.cts

@@ -1,98 +0,0 @@
-import React from 'react';
-
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Visual style variant */
-    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
-    /** Size preset */
-    size?: 'sm' | 'md' | 'lg';
-    /** Show loading spinner and disable interaction */
-    isLoading?: boolean;
-    /** Icon element placed before the label */
-    leftIcon?: React.ReactNode;
-    /** Icon element placed after the label */
-    rightIcon?: React.ReactNode;
-    /** Stretch to fill container width */
-    fullWidth?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Visual style variant */
-    variant?: 'default' | 'outlined' | 'elevated' | 'glass';
-    /** Inner padding preset */
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-    /** Enable hover lift animation */
-    hoverable?: boolean;
-}
-declare const Card: React.FC<CardProps>;
-
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /** Label displayed above the input */
-    label?: string;
-    /** Error message — sets the input into an error state */
-    error?: string;
-    /** Helper text displayed below the input */
-    helperText?: string;
-    /** Icon element placed inside the left edge */
-    leftIcon?: React.ReactNode;
-    /** Icon element placed inside the right edge */
-    rightIcon?: React.ReactNode;
-    /** Size preset */
-    size?: 'sm' | 'md' | 'lg';
-    /** Visual variant */
-    variant?: 'default' | 'filled';
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-
-interface ToggleProps {
-    /** Controlled checked state */
-    checked?: boolean;
-    /** Change handler */
-    onChange?: (checked: boolean) => void;
-    /** Size preset */
-    size?: 'sm' | 'md' | 'lg';
-    /** Label displayed to the right of the switch */
-    label?: string;
-    /** Disable interaction */
-    disabled?: boolean;
-    /** Additional class name for the wrapper */
-    className?: string;
-}
-declare const Toggle: React.FC<ToggleProps>;
-
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** Color variant */
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
-    /** Size preset */
-    size?: 'sm' | 'md' | 'lg';
-    /** Show a coloured dot indicator */
-    dot?: boolean;
-    /** Use outline style instead of filled */
-    outline?: boolean;
-}
-declare const Badge: React.FC<BadgeProps>;
-
-interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: 'info' | 'success' | 'warning' | 'danger';
-    title?: string;
-    onClose?: () => void;
-}
-declare const Alert: React.FC<AlertProps>;
-
-interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
-    src?: string;
-    alt?: string;
-    fallback?: string;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    shape?: 'circle' | 'square';
-    status?: 'online' | 'offline' | 'away' | 'busy';
-}
-declare const Avatar: React.FC<AvatarProps>;
-
-interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
-    size?: 'sm' | 'md' | 'lg';
-    color?: string;
-}
-declare const Spinner: React.FC<SpinnerProps>;
-
-export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Input, type InputProps, Spinner, type SpinnerProps, Toggle, type ToggleProps };