@nuvra-ui/react 0.0.2 → 0.0.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nuvra-ui/react
 
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies [[`faf848c`](https://github.com/nuvra-ui/Nuvra-UI/commit/faf848c790097552ec90eb5e8e8bf872745b638f)]:
+  - @nuvra-ui/utils@0.0.1
+
+## 0.0.3
+
+### Patch Changes
+
+- [`fca2ee2`](https://github.com/nuvra-ui/Nuvra-UI/commit/fca2ee2074353fef71c1e9ae710f2446d17b976a) - Button, Badge, Link Component
+
 ## 0.0.2
 
 ### 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,6 +1,6 @@
 {
   "name": "@nuvra-ui/react",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -12,10 +12,11 @@
     "react-dom": "^19.2.0"
   },
   "dependencies": {
-    "@nuvra-ui/eslint-config": "0.0.0"
+    "@nuvra-ui/utils": "0.0.1"
   },
   "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,10 +28,11 @@
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "npm:rolldown-vite@7.2.5",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "@nuvra-ui/eslint-config": "0.0.0"
   },
   "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";