@vaneui/ui 0.0.4 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaneui/ui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -12,44 +12,15 @@
       "require": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
-    "./ui/badge": {
-      "import": "./dist/components/ui/badge.js",
-      "require": "./dist/components/ui/badge.js",
-      "types": "./dist/components/ui/badge.d.ts"
-    },
-    "./ui/button": {
-      "import": "./dist/components/ui/button.js",
-      "require": "./dist/components/ui/button.js",
-      "types": "./dist/components/ui/button.d.ts"
-    },
-    "./ui/chip": {
-      "import": "./dist/components/ui/chip.js",
-      "require": "./dist/components/ui/chip.js",
-      "types": "./dist/components/ui/chip.d.ts"
-    },
-    "./ui/divider": {
-      "import": "./dist/components/ui/divider.js",
-      "require": "./dist/components/ui/divider.js",
-      "types": "./dist/components/ui/divider.d.ts"
-    },
-    "./ui/layout": {
-      "import": "./dist/components/ui/layout.js",
-      "require": "./dist/components/ui/layout.js",
-      "types": "./dist/components/ui/layout.d.ts"
-    },
-    "./ui/typography": {
-      "import": "./dist/components/ui/typography.js",
-      "require": "./dist/components/ui/typography.js",
-      "types": "./dist/components/ui/typography.d.ts"
-    },
-    "./complex/sharer": {
-      "import": "./dist/components/complex/sharer.js",
-      "require": "./dist/components/complex/sharer.js",
-      "types": "./dist/components/complex/sharer.d.ts"
+    "./complex": {
+      "import": "./dist/components/complex/index.js",
+      "require": "./dist/components/complex/index.js",
+      "types": "./dist/components/complex/index.d.ts"
     }
   },
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs",
+    "clean": "rimraf dist",
+    "build": "npm run clean && rollup -c --bundleConfigAsCjs",
     "prepublishOnly": "npm run build"
   },
   "keywords": [],
@@ -65,11 +36,13 @@
     "@rollup/plugin-typescript": "^12.1.2",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
+    "rimraf": "^5.0.10",
     "rollup": "^4.34.9",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "typescript": "^5.8.2"
   },
   "dependencies": {
+    "rollup-plugin-typescript2": "^0.36.0",
     "tailwind-merge": "^3.0.2",
     "tslib": "^2.8.1"
   }

package/rollup.config.mjs

@@ -1,22 +1,45 @@
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import resolve from "@rollup/plugin-node-resolve";
 import commonjs from "@rollup/plugin-commonjs";
-import typescript from "@rollup/plugin-typescript";
+import typescript from "rollup-plugin-typescript2";
 import pkg from "./package.json";
 
-export default {
-  input: "src/index.ts", // your library entry point
-  output: [
-    {
-      file: pkg.main,
-      format: "cjs",
-      sourcemap: true,
-    },
-    {
-      file: pkg.module,
-      format: "esm",
-      sourcemap: true,
-    },
-  ],
-  plugins: [peerDepsExternal(), resolve(), commonjs(), typescript({ tsconfig: "./tsconfig.json" })],
-};
+export default [
+  {
+    input: "src/index.ts",
+    output: [
+      {
+        file: pkg.main,
+        format: "cjs",
+        sourcemap: true,
+      },
+      {
+        file: pkg.module,
+        format: "esm",
+        sourcemap: true,
+      },
+    ],
+    plugins: [
+      peerDepsExternal(),
+      resolve(),
+      commonjs(),
+      typescript({ tsconfig: "./tsconfig.json" }),
+    ],
+  },
+  {
+    input: "src/components/complex/index.ts",
+    output: [
+      {
+        file: "dist/components/complex/index.js",
+        format: "esm",
+        sourcemap: true,
+      },
+    ],
+    plugins: [
+      peerDepsExternal(),
+      resolve(),
+      commonjs(),
+      typescript({ tsconfig: "./tsconfig.complex.json" }),
+    ],
+  },
+];

package/src/components/complex/index.ts

@@ -0,0 +1 @@
+export { SocialShare } from "./sharer";

package/src/components/complex/sharer.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React from 'react';
 
 type Platform = 'fb' | 'li' | 'x' | 'th' | 'em' | 'wa' | 'tg' | 're';
@@ -64,7 +62,7 @@ const buildQueryString = (
     : '';
 };
 
-const SocialShare: React.FC<SocialShareProps> = ({
+export const SocialShare: React.FC<SocialShareProps> = ({
   url = window.location.href,
   text = '',
   width = 600,
@@ -216,5 +214,3 @@ const SocialShare: React.FC<SocialShareProps> = ({
     </Container>
   );
 };
-
-export default SocialShare;

package/src/components/ui/badge.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { componentBuilder } from "./utils";
-import { TypographyComponentProps } from "./props";
+import { componentBuilder } from "../utils/componentBuilder";
+import { TypographyComponentProps } from "./props/props";
 
 export const Badge: React.FC<TypographyComponentProps> = (props) =>
   componentBuilder(props, "span", "rounded-full w-fit")

package/src/components/ui/button.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { componentBuilder } from "./utils";
-import { TypographyComponentProps } from "./props";
+import { componentBuilder } from "../utils/componentBuilder";
+import { TypographyComponentProps } from "./props/props";
 
 export const Button: React.FC<TypographyComponentProps> = (props) =>
   componentBuilder(props, "button", "w-fit h-fit cursor-pointer flex justify-center items-center border border-gray-200 transition-all duration-300")

package/src/components/ui/chip.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { componentBuilder } from "./utils";
-import { TypographyComponentProps } from "./props";
+import { componentBuilder } from "./../utils/componentBuilder";
+import { TypographyComponentProps } from "./props/props";
 
 export const Chip: React.FC<TypographyComponentProps> = (props) =>
   componentBuilder(props, "span", "rounded-full w-fit h-fit border")

package/src/components/ui/divider.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { componentBuilder } from "./utils";
-import { BaseComponentProps } from "./props";
+import { componentBuilder } from "./../utils/componentBuilder";
+import { BaseComponentProps } from "./props/props";
 
 export const Divider: React.FC<BaseComponentProps> = (props) =>
   componentBuilder(props, "div", "bg-gray-200 w-full h-px")

package/src/components/ui/layout.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { GridProps, LayoutComponentProps, ColProps, RowProps } from "./props";
-import { componentBuilder } from "./utils";
+import { GridProps, LayoutComponentProps, ColProps, RowProps } from "./props/props";
+import { componentBuilder } from "../utils/componentBuilder";
 
 const centeredClasses = {
   centered: "items-center justify-center",

package/src/components/ui/settings.ts

@@ -1,4 +1,4 @@
-import { CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, TextAppearanceProps, TextDecorationProps, TextTransformProps } from "./props";
+import { CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, TextAppearanceProps, TextDecorationProps, TextTransformProps } from "./props/props";
 
 export type CommonAppearanceSettings = { [key in keyof CommonAppearanceProps]: boolean; };
 

package/src/components/ui/typography.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { componentBuilder } from "./utils";
-import { TypographyComponentProps } from "./props";
+import { componentBuilder } from "../utils/componentBuilder";
+import { TypographyComponentProps } from "./props/props";
 
 export const PageTitle: React.FC<TypographyComponentProps> = (props) =>
   componentBuilder(props, "h1")

package/src/components/{ui/utils.tsx → utils/componentBuilder.tsx}

@@ -1,7 +1,7 @@
 import { twMerge } from "tailwind-merge";
-import { BaseComponentProps, BreakpointProps, CenteredProps, CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, GapProps, HideProps, PositionProps, ReverseProps, ColProps, RowProps, TextAppearanceProps, TextDecorationProps, TextTransformProps, SizeProps } from "./props";
-import { fontFamilyClasses, fontStyleClasses, fontWeightClasses, textAppearanceClasses, textDecorationClasses, textTransformClasses } from "./commonValues";
-import { CommonAppearanceSettings, FontFamilySettings, FontStyleSettings, FontWeightSettings, TextAppearanceSettings, TextDecorationSettings, TextTransformSettings, TypographySettings } from "./settings";
+import { BaseComponentProps, BreakpointProps, CenteredProps, CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, GapProps, HideProps, PositionProps, ReverseProps, ColProps, RowProps, TextAppearanceProps, TextDecorationProps, TextTransformProps, SizeProps } from "../ui/props/props";
+import { fontFamilyClasses, fontStyleClasses, fontWeightClasses, textAppearanceClasses, textDecorationClasses, textTransformClasses } from "../ui/props/commonValues";
+import { CommonAppearanceSettings, FontFamilySettings, FontStyleSettings, FontWeightSettings, TextAppearanceSettings, TextDecorationSettings, TextTransformSettings, TypographySettings } from "../ui/settings";
 
 function getBooleanClass<T extends Record<string, boolean | undefined>>(
   props: T,

package/tsconfig.complex.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src/components/complex",
+    "outDir": "dist/components/complex",
+    "declarationDir": "dist/components/complex"
+  },
+  "include": [
+    "src/components/complex/**/*"
+  ]
+}

package/tsconfig.json

@@ -5,7 +5,7 @@
     "lib": ["DOM", "ESNext"],
     "jsx": "react-jsx",
     "declaration": true,
-    "outDir": "./dist",
+    "outDir": "dist",
     "moduleResolution": "node",
     "esModuleInterop": true,
     "skipLibCheck": true,