@julseb-lib/react 0.1.18 → 0.1.20

package/dist/types/tailwind.js

@@ -0,0 +1,2 @@
+import "../chunk-F55MXC3Z.js";
+//# sourceMappingURL=tailwind.js.map

package/dist/types/tailwind.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,25 +1,17 @@
 {
 	"name": "@julseb-lib/react",
-	"private": false,
-	"version": "0.1.18",
+	"version": "0.1.20",
 	"type": "module",
-	"license": "MIT",
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.js",
+	"types": "dist/index.d.ts",
+	"private": false,
+	"files": [
+		"dist"
+	],
 	"scripts": {
-		"dev": "vite --open",
-		"lint": "./node_modules/.bin/eslint",
-		"preview": "vite preview",
-		"clean": "rm -rf ./dist/images ./dist/favicon.svg ./dist/vite.svg",
-		"copy": "cp -a ./src/lib ./dist && rm -rf ./dist/lib/components/*/__preview__",
-		"build": "vite build && yarn post-build && yarn clean && yarn copy",
-		"post-build": "cp ./src/lib/index.css ./dist/style.css",
-		"prepublishOnly": "yarn build",
-		"plop": "cross-env NODE_OPTIONS='--import tsx' plop --plopfile=./plop/plopfile.ts",
-		"plop:c": "yarn plop component",
-		"plop:p": "yarn plop preview",
-		"plop:st": "yarn plop subtype",
-		"plop:g": "yarn plop generator",
-		"plop:d": "yarn plop demo",
-		"check-errors": "tsc --noEmit"
+		"build": "tsup",
+		"dev": "vite --open"
 	},
 	"dependencies": {
 		"@julseb-lib/utils": "^0.0.14",
@@ -27,6 +19,7 @@
 		"@tailwindcss/postcss": "^4.1.11",
 		"@tailwindcss/vite": "^4.1.11",
 		"clsx": "^2.1.1",
+		"csstype": "^3.1.3",
 		"fuse.js": "^7.1.0",
 		"markdown-to-jsx": "^7.7.10",
 		"postcss": "^8.5.6",
@@ -41,22 +34,23 @@
 		"tailwindest": "^3.2.1"
 	},
 	"peerDependencies": {
-		"react": "^18.0.0 || ^19.0.0",
-		"react-dom": "^18.0.0 || ^19.0.0"
+		"react": "^18.0.0",
+		"react-dom": "^18.0.0"
 	},
 	"devDependencies": {
 		"@eslint/compat": "^1.3.1",
 		"@eslint/js": "^9.30.0",
 		"@react-docgen/cli": "^3.0.0",
 		"@types/figlet": "^1.7.0",
-		"@types/node": "^24.0.8",
-		"@types/react": "^19.1.8",
-		"@types/react-dom": "^19.1.6",
+		"@types/node": "^24.0.13",
+		"@types/react": "^18.0.0",
+		"@types/react-dom": "^18.0.0",
 		"@types/react-router-dom": "^5.3.3",
 		"@types/react-syntax-highlighter": "^15.5.13",
 		"@typescript-eslint/eslint-plugin": "^8.35.1",
 		"@typescript-eslint/parser": "^8.35.1",
 		"@vitejs/plugin-react": "^4.6.0",
+		"autoprefixer": "^10.4.21",
 		"axios": "^1.10.0",
 		"cross-env": "^7.0.3",
 		"cssjson-cli": "^1.0.1",
@@ -69,30 +63,26 @@
 		"figlet": "^1.8.1",
 		"globals": "^16.3.0",
 		"plop": "^4.0.1",
+		"postcss": "^8.5.6",
 		"prettier": "^3.6.2",
 		"prettier-plugin-tailwindcss": "^0.6.13",
+		"react-router-dom": "^7.6.3",
+		"tailwindcss": "^3.4.17",
+		"tsup": "^8.5.0",
 		"tsx": "^4.20.3",
-		"typescript": "~5.8.3",
+		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.35.1",
-		"vite": "^7.0.0",
+		"vite": "^7.0.4",
 		"vite-plugin-checker": "^0.9.3",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-plugin-eslint": "^1.8.1"
 	},
-	"files": [
-		"dist"
-	],
-	"main": "./dist/julseb-lib-react.cjs.js",
-	"module": "./dist/julseb-lib-react.es.js",
-	"types": "./dist/index.d.ts",
 	"exports": {
 		".": {
-			"types": "./dist/index.d.ts",
-			"import": "./dist/julseb-lib-react.es.js",
-			"require": "./dist/julseb-lib-react.cjs.js"
+			"import": "./dist/index.js",
+			"require": "./dist/index.cjs",
+			"types": "./dist/index.d.ts"
 		},
-		"./styles": "./dist/style.css",
-		"./index.css": "./dist/style.css",
 		"./types": {
 			"types": "./dist/lib/types/index.d.ts",
 			"import": "./dist/lib/types/index.js",
@@ -100,17 +90,11 @@
 			"default": "./dist/lib/types/index.js"
 		},
 		"./component-props": {
-			"types": "./dist/lib/types/components-props.d.ts",
-			"import": "./dist/lib/types/components-props.js",
-			"require": "./dist/lib/types/components-props.js",
-			"default": "./dist/lib/types/components-props.js"
+			"types": "./dist/types/components-props.d.ts",
+			"import": "./dist/types/components-props.js",
+			"require": "./dist/types/components-props.js",
+			"default": "./dist/types/components-props.js"
 		}
 	},
-	"typesVersions": {
-		"*": {
-			"types": [
-				"./dist/lib/types/index.d.ts"
-			]
-		}
-	}
+	"packageManager": "pnpm@10.13.1+sha256.0f9ed48d808996ae007835fb5c4641cf9a300def2eddc9e957d9bbe4768c5f28"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Julien Sebag
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,206 +0,0 @@
-# @julseb-lib/react
-
-A comprehensive React component library built with TypeScript and Tailwind CSS, providing a complete set of UI components for modern web applications.
-
-## Features
-
-🎨 Modern Design System - Built with Tailwind CSS v4 and custom design tokens
-
-📱 Responsive Components - Mobile-first approach with flexible layouts
-
-♿ Accessibility First - WCAG compliant components with proper ARIA support
-
-🎯 TypeScript Native - Full type safety with comprehensive TypeScript definitions
-
-🔧 Highly Customizable - Extensive prop interfaces for maximum flexibility
-
-📦 Tree Shakeable - Import only what you need
-
-🎭 Icon Integration - Built-in support for React Icons
-
-🌗 Theme Support - Custom CSS variables and design tokens
-
-## Installation
-
-```shell
-# npm
-npm install @julseb-lib/react
-
-# yarn
-yarn add @julseb-lib/react
-
-# pnpm
-pnpm add @julseb-lib/react
-```
-
-### Setup
-
-Import the CSS file in your main application file:
-
-```typescript
-// main.tsx or App.tsx
-import '@julseb-lib/react/index.css'
-```
-
-## Type Exports
-
-Access comprehensive TypeScript definitions:
-
-```typescript
-import type { 
-  ILibButton, 
-  ILibText, 
-  LibAllColors,
-  LibSpacers 
-} from '@julseb-lib/react/types'
-```
-
-Component-specific prop types:
-
-```typescript
-import type { 
-  ILibButton,
-  ILibInput,
-  ILibModal 
-} from '@julseb-lib/react/component-props'
-```
-
-## Styling & Customization
-
-### CSS Variables
-
-The library uses CSS custom properties for theming:
-
-```css
-:root {
-  --color-primary-500: #3b82f6;
-  --color-secondary-500: #06b6d4;
-  --spacer-xs: 8px;
-  --spacer-sm: 16px;
-  --radius-sm: 4px;
-  --radius-md: 8px;
-}
-```
-
-### Design Tokens
-
-Access design tokens programmatically:
-
-```typescript
-import { COLORS, SPACERS, RADIUS } from '@julseb-lib/react'
-
-// Use in components
-<div style={{ color: COLORS.PRIMARY_500 }}>
-  Custom styled content
-</div>
-```
-
-### Tailwind Classes
-
-All components use Tailwind CSS classes that can be extended:
-
-```typescript
-<Button className="hover:scale-105 transition-transform">
-  Custom Button
-</Button>
-```
-
-## Advanced Usage
-
-Form Handling
-
-```typescript
-import { Input, Button, Flexbox } from '@julseb-lib/react'
-
-function ContactForm() {
-  return (
-    <form>
-      <Flexbox direction="column" gap="md">
-        <Input 
-          label="Email"
-          type="email"
-          required
-          validation="Please enter a valid email"
-        />
-        <Input 
-          label="Message"
-          element="textarea"
-          rows={4}
-        />
-        <Button type="submit" variant="primary">
-          Send Message
-        </Button>
-      </Flexbox>
-    </form>
-  )
-}
-```
-
-Modal with Form
-
-```typescript
-import { Modal, Button, Text } from '@julseb-lib/react'
-import { useState } from 'react'
-
-function App() {
-  const [isOpen, setIsOpen] = useState(false)
-
-  return (
-    <>
-      <Button onClick={() => setIsOpen(true)}>
-        Open Modal
-      </Button>
-      
-      <Modal 
-        isOpen={isOpen} 
-        onClose={() => setIsOpen(false)}
-        title="Contact Form"
-      >
-        <Text>Modal content goes here</Text>
-      </Modal>
-    </>
-  )
-}
-```
-
-## Browser Support
-
-Chrome (latest)
-
-Firefox (latest)
-
-Safari (latest)
-
-Edge (latest)
-
-## Contributing
-
-Contributions are welcome! Please read our contributing guidelines before submitting PRs.
-
-## Development
-
-```shell
-# Install dependencies
-yarn install
-
-# Start development server
-yarn dev
-
-# Run type checking
-yarn check-errors
-
-# Build library
-yarn build
-```
-
-### License
-
-MIT © [Julien Sebag](https://julien-sebag.com)
-
-### Links
-
-[Documentation](https://doc-julseb-lib-react.vercel.app/)
-
-[GitHub Repository](https://github.com/JulSeb42/julseb-lib-react)
-
-[NPM Package](https://www.npmjs.com/package/@julseb-lib/react)