@sigtes/ui 0.0.2 → 0.0.3

package/dist/utils/utils.d.ts

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

package/package.json

@@ -1,55 +1,64 @@
 {
   "name": "@sigtes/ui",
-  "private": false,
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/src/index.js",
-      "require": "./dist/src/index.cjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/src/index.es.js",
+      "require": "./dist/src/index.cjs.js"
     },
-    "./styles.css": "./dist/ui.css"
+    "./styles.css": "./dist/globals.css"
   },
   "files": [
     "dist"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
-    "dev": "vite build --watch",
-    "build": "tsc -b && vite build",
+    "dev": "vite",
+    "build": "tsc -b tsconfig.build.json && vite build",
     "lint": "eslint .",
-    "prepare": "npm run build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepublicshOnly": "npm run build"
   },
   "peerDependencies": {
-    "next": "15.5.4",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.1",
     "@eslint/js": "^9.36.0",
-    "@tailwindcss/vite": "^4.1.13",
-    "@types/node": "^24.5.2",
+    "@storybook/addon-a11y": "^9.1.10",
+    "@storybook/addon-docs": "^9.1.10",
+    "@storybook/addon-onboarding": "^9.1.10",
+    "@storybook/addon-vitest": "^9.1.10",
+    "@storybook/react-vite": "^9.1.10",
+    "@types/node": "^24.6.1",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
-    "@vitejs/plugin-react-swc": "^4.1.0",
-    "autoprefixer": "^10.4.21",
+    "@vitejs/plugin-react": "^5.0.3",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
     "eslint": "^9.36.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.1.10",
     "globals": "^16.4.0",
-    "postcss": "^8.5.6",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "tailwindcss": "^4.1.13",
+    "playwright": "^1.55.1",
+    "rollup-preserve-directives": "^1.1.3",
+    "storybook": "^9.1.10",
+    "tw-animate-css": "^1.4.0",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.44.0",
     "vite": "^7.1.7",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-typed-css-modules": "^0.4.0",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vitest": "^3.2.4"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.2.3",
+    "@tailwindcss/vite": "^4.1.13",
+    "class-variance-authority": "^0.7.1",
+    "tailwind-merge": "^3.3.1"
   }
 }

package/dist/components/button.js

@@ -1,7 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-function n({ onClick: t }) {
-  return /* @__PURE__ */ r("button", { className: "bg-amber-400 text-black", onClick: t, children: "Click" });
-}
-export {
-  n as Button
-};

package/dist/index.js

@@ -1,5 +0,0 @@
-import { Button as m } from "./components/button.js";
-/* empty css                  */
-export {
-  m as Button
-};

package/dist/types/components/button.d.ts

@@ -1,3 +0,0 @@
-export declare function Button({ onClick }: {
-    onClick: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/index.d.ts

@@ -1 +0,0 @@
-export { Button } from './button';

package/dist/types/index.d.ts

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

package/dist/ui.css

@@ -1 +0,0 @@
-#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}