@usevyre/react 0.1.0

package/dist/types.d.ts

@@ -0,0 +1,58 @@
+/**
+ * useVyre — Core type utilities
+ *
+ * AI CONTEXT:
+ * These types define the valid prop values for ALL useVyre components.
+ * When generating component code, use these types for variant/size props.
+ */
+/**
+ * Visual style variants available on interactive components.
+ * Maps directly to --vyre-color-semantic-* tokens.
+ *
+ * - primary:   High contrast, default CTA
+ * - secondary: Subtle, bordered
+ * - ghost:     No background or border
+ * - accent:    Brand amber color — primary marketing CTA
+ * - teal:      Secondary accent — confirm, info
+ * - danger:    Destructive actions — delete, remove
+ */
+export type Variant = "primary" | "secondary" | "ghost" | "accent" | "teal" | "danger";
+/**
+ * Size scale used across Button, Input, Badge, etc.
+ *
+ * - sm:   Compact UI, toolbars, dense layouts
+ * - md:   Default (omit for default)
+ * - lg:   Hero sections, prominent CTAs
+ * - icon: Square, icon-only buttons
+ */
+export type Size = "sm" | "md" | "lg" | "icon";
+/**
+ * Form/input validation states.
+ * Apply to .field wrapper, not the input itself.
+ */
+export type FieldState = "idle" | "error" | "success" | "warning";
+/**
+ * Badge-specific variants — extends color semantic tokens.
+ */
+export type BadgeVariant = "default" | "accent" | "teal" | "success" | "warning" | "danger";
+/**
+ * Makes a component polymorphic via `as` prop.
+ *
+ * @example
+ * <Button as="a" href="/docs">Link Button</Button>
+ * <Button as="div" role="button">Div Button</Button>
+ */
+export type AsProps<T extends React.ElementType> = {
+    as?: T;
+} & React.ComponentPropsWithoutRef<T>;
+export type PolymorphicProps<T extends React.ElementType, Props = object> = Props & AsProps<T> & {
+    ref?: React.Ref<React.ElementRef<T>>;
+};
+export interface BaseProps {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles — use sparingly, prefer tokens */
+    style?: React.CSSProperties;
+    /** Test ID for automated testing */
+    "data-testid"?: string;
+}

package/dist/utils/cn.d.ts

@@ -0,0 +1,7 @@
+/**
+ * useVyre — className utility
+ * Lightweight alternative to clsx/classnames — zero dependency.
+ */
+type ClassValue = string | undefined | null | false | Record<string, boolean | undefined | null> | ClassValue[];
+export declare function cn(...inputs: ClassValue[]): string;
+export {};

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@usevyre/react",
+  "version": "0.1.0",
+  "description": "useVyre React components — AI-native, accessible, zero-runtime styling",
+  "keywords": [
+    "design-system",
+    "react",
+    "components",
+    "ai-native",
+    "vyre"
+  ],
+  "homepage": "https://usevyre.com/docs/react",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gapra/usevyre"
+  },
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./src/styles/components.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "react": "^18.3.0",
+    "typescript": "^5.4.0",
+    "vite": "^5.4.0"
+  },
+  "dependencies": {
+    "@usevyre/tokens": "0.1.0"
+  },
+  "scripts": {
+    "build": "vite build && tsc --project tsconfig.build.json",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}