solid-tom-ui 1.0.6 → 1.0.7

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "solid-tom-ui",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "SolidJS UI component library (Ant Design–inspired, Tailwind CSS + DaisyUI)",
   "type": "module",
   "license": "MIT",
-  "author": "Truong Tom",
   "keywords": [
     "solidjs",
     "ui",
@@ -15,18 +14,14 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/lib.js",
-      "types": "./dist/lib.d.ts"
+      "import": "./lib.js",
+      "types": "./lib.d.ts"
     },
-    "./styles": "./dist/solid-ui.css"
+    "./styles": "./solid-ui.css"
   },
-  "main": "./dist/lib.js",
-  "module": "./dist/lib.js",
-  "types": "./dist/lib.d.ts",
-  "files": [
-    "dist",
-    "README.md"
-  ],
+  "main": "./lib.js",
+  "module": "./lib.js",
+  "types": "./lib.d.ts",
   "sideEffects": [
     "**/*.css"
   ],
@@ -40,88 +35,5 @@
     "qrcode": ">=1.5.0",
     "solid-js": ">=1.8.0",
     "tailwind-merge": ">=3.0.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^5.1.0",
-    "@mdx-js/rollup": "^3.1.1",
-    "@storybook/addon-a11y": "^10.3.3",
-    "@storybook/addon-actions": "^9.0.8",
-    "@storybook/addon-docs": "^10.3.3",
-    "@storybook/addon-vitest": "^10.3.3",
-    "@types/react": "^19.2.14",
-    "@vitest/browser-playwright": "^4.1.1",
-    "@vitest/coverage-v8": "^4.1.1",
-    "baseline-browser-mapping": "^2.10.19",
-    "jsdom": "^27.4.0",
-    "playwright": "^1.58.2",
-    "prettier": "^3.8.1",
-    "prettier-plugin-tailwindcss": "^0.7.2",
-    "puppeteer": "^24.39.1",
-    "remark-gfm": "^4.0.1",
-    "solid-jsx": "^1.1.4",
-    "storybook": "^10.3.5",
-    "storybook-solidjs-vite": "^10.0.11",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.9",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-solid": "^2.11.11",
-    "vitest": "^4.1.1"
-  },
-  "dependencies": {
-    "@faker-js/faker": "^10.3.0",
-    "@solid-devtools/overlay": "^0.33.5",
-    "@tailwindcss/vite": "^4.2.1",
-    "@tanstack/solid-form": "^1.28.5",
-    "@tanstack/solid-router": "^1.168.3",
-    "@tanstack/solid-table": "^8.21.3",
-    "@tanstack/solid-virtual": "^3.13.22",
-    "@types/node": "^24.12.0",
-    "@types/qrcode": "^1.5.6",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "daisyui": "^5.5.19",
-    "highlight.js": "^11.11.1",
-    "imask": "^7.6.1",
-    "lucide-solid": "^1.8.0",
-    "marked": "^17.0.4",
-    "qrcode": "^1.5.4",
-    "shiki": "^4.0.2",
-    "solid-devtools": "^0.34.5",
-    "solid-imask": "^7.6.1",
-    "solid-js": "^1.9.11",
-    "solid-marked": "^0.6.3",
-    "solid-transition-group": "^0.3.0",
-    "sucrase": "^3.35.1",
-    "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.2.2"
-  },
-  "scripts": {
-    "start": "vite",
-    "dev": "vite",
-    "build": "vite build",
-    "build:lib": "vite build --config vite.config.lib.ts && node scripts/build-css.js",
-    "build:lib:watch": "vite build --config vite.config.lib.ts --watch",
-    "dev:link": "npm run build:lib && cd ../solid_test_02 && pnpm add solid-tom-ui@file:../solid_ui/dist --save",
-    "link:local": "npm run build:lib && cd ../solid_test_02 && pnpm add solid-tom-ui@file:../solid_ui/dist --save",
-    "link:npm": "cd ../solid_test_02 && pnpm add solid-tom-ui@latest --save",
-    "serve": "vite preview",
-    "server": "bun src/server/index.ts",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:run": "vitest run",
-    "test:coverage": "vitest run --coverage",
-    "tsc": "tsc --noEmit",
-    "tsc:lib": "tsc --project tsconfig.lib.json --noEmit",
-    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md,astro,html,mdx}\"",
-    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md,astro,html,mdx}\"",
-    "clear:comment": "python src/utils/minify.py",
-    "extract": "npx tsx src/utils/extractor.ts",
-    "sb": "storybook dev -p 6006 --no-open",
-    "build-sb": "storybook build && node scripts/zip-sb.js",
-    "release:patch": "npm version patch && npm run build:lib && npm publish dist --access public",
-    "release:minor": "npm version minor && npm run build:lib && npm publish dist --access public",
-    "release:major": "npm version major && npm run build:lib && npm publish dist --access public",
-    "release:github": "node scripts/release-github.js",
-    "release:github:copy-only": "node scripts/release-github.js --no-build"
   }
 }

package/workspace.code-workspace

@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}

package/dist/README.md

@@ -1,246 +0,0 @@
-# solid-tom-ui
-
-> A blazing-fast, beautifully crafted UI component library for [SolidJS](https://solidjs.com), inspired by Ant Design.
-
-**Entire library ships at just ~1.5 MB.** Built on **Tailwind CSS 4** and **DaisyUI 5**, solid-tom-ui harnesses SolidJS fine-grained reactivity to deliver buttery-smooth UIs with near-zero overhead — no virtual DOM, no unnecessary re-renders, just raw speed.
-
-Customizing the look and feel is a first-class experience: swap the entire color scheme by overriding a handful of CSS variables, or dial in individual components through the unified `color` prop and per-slot `class` overrides — no CSS-in-JS, no build plugins, just plain CSS and Tailwind utilities you already know.
-
-## Why solid-tom-ui?
-
-- **Featherlight** — the full library (45+ components, styles included) weighs only ~1.5 MB, keeping your app fast on any network
-- **Instant theming** — change primary colors, border radii, and shadows site-wide by editing a single CSS block; no rebuild required
-- **Pixel-perfect by default** — every component is designed to look great out of the box, while remaining fully customizable via `class` props or CSS variables
-- **SolidJS-native** — reactivity is handled at the signal level, so components update surgically without wasting a single render cycle
-
-## Features
-
-- **45+ components** — from simple buttons to complex data tables with virtual scrolling
-- **Tree-shakeable** — each component is its own module; unused components are not bundled
-- **Typed** — full TypeScript support with exported prop interfaces
-- **Themeable** — DaisyUI color tokens + unified `color` prop across all components
-- **Accessible** — semantic HTML, ARIA attributes, keyboard navigation
-- **Zero CSS setup** — pre-compiled CSS bundle includes Tailwind + DaisyUI, no extra config needed
-
-## Installation
-
-```bash
-npm install solid-tom-ui
-or
-pnpm install solid-tom-ui
-or
-bun install solid-tom-ui
-```
-
-### Peer dependencies
-
-```bash
-npm install solid-js
-```
-
-Optional (only needed for specific components):
-
-| Package | Component |
-|---------|-----------|
-| `imask` | `Input` with mask |
-| `qrcode` | `QrCode` |
-| `@tanstack/solid-table` | `Table` |
-
-## Setup
-
-### 1. Import the pre-compiled CSS bundle
-
-```css
-/* app.css */
-@import 'solid-tom-ui/styles';
-```
-
-Make sure this CSS file is imported in your app entry point:
-
-```tsx
-// src/index.tsx
-import './app.css';
-import { render } from 'solid-js/web';
-import App from './App';
-
-render(() => <App />, document.getElementById('root')!);
-```
----
-
-### 2. Use components
-
-```tsx
-import { Button, Modal, toast } from 'solid-tom-ui';
-
-function App() {
-  return (
-    <Button color="primary" onClick={() => toast.success('Hello!')}>
-      Click me
-    </Button>
-  );
-}
-```
-
----
-
-## Advanced Setup (Custom Theme)
-
-Overwrite css variable 
-
-```css
-:root {
-	--color-base-100: white;
-	--color-base-content: black;
-
-	--color-primary: red;
-	--color-primary-content: white;
-
-	--color-secondary: red;
-	--color-secondary-content: white;
-
-	--color-accent: red;
-	--color-accent-content: white;
-
-	--color-neutral: red;
-	--color-neutral-content: white;
-
-	--color-info: red;
-	--color-info-content: white;
-
-	--color-success: red;
-	--color-success-content: white;
-
-	--color-warning: red;
-	--color-warning-content: white;
-
-	--color-error: red;
-	--color-error-content: white;
-	--radius-selector: 8px;
-	--radius-field: 4px;
-	--radius-box: 6px;
-	--size-selector: 4px;
-	--size-field: 4px;
-	--border: 1px;
-	--depth: 0;
-	--noise: 0;
-}
-```
-
----
-
-## Components
-
-### Layout & Navigation
-| Component | Description |
-|-----------|-------------|
-| `Breadcrumb` | Navigation breadcrumb trail |
-| `Divider` | Horizontal or vertical divider |
-| `Drawer` | Slide-in side panel |
-| `Dropdown` | Dropdown menu |
-| `Menu` | Vertical/horizontal navigation menu |
-| `Pagination` | Page navigation |
-| `Splitter` | Resizable split pane |
-| `Steps` | Step-by-step progress indicator |
-| `Tab` | Tabbed navigation |
-
-### Data Display
-| Component | Description |
-|-----------|-------------|
-| `Avatar` | User avatar with fallback |
-| `Badge` | Status badge / tag |
-| `Carousel` | Image/content carousel |
-| `ChatBubble` | Chat message bubble |
-| `Diff` | Side-by-side diff viewer |
-| `Indicator` | Numeric badge overlay |
-| `Skeleton` | Loading skeleton placeholder |
-| `Table` | Feature-rich table (virtual scroll, sort, filter, pinned columns) |
-| `Timeline` | Vertical timeline |
-| `Tooltip` | Hover tooltip |
-| `Tour` | Interactive product tour |
-
-### Input & Forms
-| Component | Description |
-|-----------|-------------|
-| `Checkbox` | Checkbox input |
-| `Input` | Text, password, number, textarea, color, date, range, OTP, masked inputs |
-| `Rating` | Star rating |
-| `Select` | Dropdown select |
-| `SelectZone` | Drag-to-select zone |
-| `Slider` | Range slider |
-| `Switch` | Toggle switch |
-| `Upload` | File upload with drag & drop |
-
-### Feedback
-| Component | Description |
-|-----------|-------------|
-| `Loading` | Spinner / loading indicator |
-| `Modal` | Dialog modal |
-| `ProgressBar` | Progress bar |
-| `Toast` | Toast notifications (`toast.success()`, `toast.error()`, …) |
-
-### Visual & Effects
-| Component | Description |
-|-----------|-------------|
-| `Collapse` | Collapsible content panel |
-| `ContextMenu` | Right-click context menu |
-| `FloatButton` | Floating action button |
-| `Hover3dImage` | 3D parallax image on hover |
-| `ImagePreview` | Lightbox image preview |
-| `Mansory` | Masonry grid layout |
-| `QrCode` | QR code generator |
-| `Swap` | Flip between two states |
-| `TextRotate` | Animated rotating text |
-
-### Utilities
-| Component | Description |
-|-----------|-------------|
-| `CodePreview` | Code preview |
-
----
-
-## API
-
-### Color prop
-
-Most components accept a `color` prop:
-
-```tsx
-type BaseColorProps =
-  | 'primary' | 'secondary' | 'accent' | 'neutral'
-  | 'info' | 'success' | 'warning' | 'error';
-```
-
-```tsx
-<Badge color="success">Active</Badge>
-<Button color="warning">Caution</Button>
-```
-
-### Class override (slot system)
-
-Every component exposes a `class` prop to override individual slots:
-
-```tsx
-// Single-element components
-<Badge class="font-bold text-lg" />
-
-// Multi-slot components
-<Modal
-  class={{
-    root: 'max-w-2xl',
-    header: 'bg-base-200',
-    body: 'p-8',
-  }}
-/>
-```
-
-## TypeScript
-
-All prop types are exported:
-
-```tsx
-import type { ButtonProps, ModalProps, BaseColorProps, SolidComponent } from 'solid-tom-ui';
-```
-
-## License
-
-MIT © [Truong Tom](https://github.com/truongtom1993)

package/dist/package.json

@@ -1,39 +0,0 @@
-{
-  "name": "solid-tom-ui",
-  "version": "1.0.6",
-  "description": "SolidJS UI component library (Ant Design–inspired, Tailwind CSS + DaisyUI)",
-  "type": "module",
-  "license": "MIT",
-  "keywords": [
-    "solidjs",
-    "ui",
-    "components",
-    "tailwindcss",
-    "daisyui",
-    "ant-design"
-  ],
-  "exports": {
-    ".": {
-      "import": "./lib.js",
-      "types": "./lib.d.ts"
-    },
-    "./styles": "./solid-ui.css"
-  },
-  "main": "./lib.js",
-  "module": "./lib.js",
-  "types": "./lib.d.ts",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "peerDependencies": {
-    "@tanstack/solid-table": ">=8.0.0",
-    "@tanstack/solid-virtual": ">=3.0.0",
-    "class-variance-authority": ">=0.7.0",
-    "clsx": ">=2.0.0",
-    "imask": ">=7.0.0",
-    "lucide-solid": ">=0.400.0",
-    "qrcode": ">=1.5.0",
-    "solid-js": ">=1.8.0",
-    "tailwind-merge": ">=3.0.0"
-  }
-}