@nuvra-ui/react 0.0.1 → 0.0.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nuvra-ui/react
 
+## 0.0.3
+
+### Patch Changes
+
+- [`fca2ee2`](https://github.com/nuvra-ui/Nuvra-UI/commit/fca2ee2074353fef71c1e9ae710f2446d17b976a) - Button, Badge, Link Component
+
+## 0.0.2
+
+### Patch Changes
+
+- [`eb41f4a`](https://github.com/nuvra-ui/Nuvra-UI/commit/eb41f4a5d4b0ebd1fbe4cd93499233375a637b9b) - Publish package on NPM
+
 ## 0.0.1
 
 ### Patch Changes

package/eslint.config.js

@@ -1,3 +1,3 @@
 import { baseConfig } from "@nuvra-ui/eslint-config";
 
-export default baseConfig;
+export default [...baseConfig];

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@nuvra-ui/react",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "peerDependencies": {
@@ -9,10 +12,12 @@
     "react-dom": "^19.2.0"
   },
   "dependencies": {
-    "@nuvra-ui/eslint-config": "0.0.0"
+    "@nuvra-ui/eslint-config": "0.0.0",
+    "@nuvra-ui/utils": "0.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@storybook/react": "^10.2.1",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
@@ -27,7 +32,7 @@
     "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
-    "dev": "vite",
+    "dev": "vite build --watch",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview"

package/src/components/Badge/Badge.stories.tsx

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Badge } from "./Badge";
+
+const meta = {
+  component: Badge,
+} satisfies Meta<typeof Badge>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+  args: {
+    children: "Badge",
+  },
+};

package/src/components/Badge/Badge.tsx

@@ -0,0 +1,19 @@
+import { cn } from "@nuvra-ui/utils";
+
+export function Badge({
+  className,
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) {
+  return (
+    <span
+      className={cn(
+        "bg-primary text-primary-foreground text-sm px-3 py-1 rounded-full",
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </span>
+  );
+}

package/src/components/Button/Button.stories.tsx

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Button } from "./Button";
+
+const meta = {
+  component: Button,
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+  args: {
+    children: "Button",
+  },
+};

package/src/components/Button/Button.tsx

@@ -0,0 +1,19 @@
+import { cn } from "@nuvra-ui/utils";
+
+export function Button({
+  className,
+  children,
+  ...props
+}: React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  return (
+    <button
+      className={cn(
+        "bg-primary hover:bg-primary/90 text-primary-foreground px-3 py-1 rounded-md flex justify-center items-center",
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+}

package/src/components/Link/Link.stories.tsx

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Link } from "./Link";
+
+const meta = {
+  component: Link,
+} satisfies Meta<typeof Link>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+  args: {
+    children: "Link",
+  },
+};

package/src/components/Link/Link.tsx

@@ -0,0 +1,19 @@
+import { cn } from "@nuvra-ui/utils";
+
+export function Link({
+  className,
+  children,
+  ...props
+}: React.AnchorHTMLAttributes<HTMLAnchorElement>) {
+  return (
+    <a
+      className={cn(
+        "text-primary underline-offset-4 hover:underline",
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </a>
+  );
+}

package/src/index.ts

@@ -0,0 +1 @@
+export { Button } from "./components/Button/Button";