@shohojdhara/atomix 0.3.7 → 0.3.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.3.9
+
+### Patch Changes
+
+- Fixed `Module not found` error by replacing dynamic `require` with static import in `ThemeProvider`. This resolves build issues in external projects (e.g. Next.js).
+
 All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
@@ -12,7 +18,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 #### Theme Manager System
+
 - **Theme Manager Class**: Core theme management for vanilla JavaScript applications
+
   - Dynamic theme loading with CSS file management
   - Theme persistence using localStorage
   - Event system for theme changes (`themeChange`, `themeLoad`, `themeError`)
@@ -21,6 +29,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - Comprehensive error handling
 
 - **React Integration**:
+
   - `ThemeProvider` component for React applications
   - `useTheme` hook for accessing theme state
   - `ThemeContext` for context-based state management
@@ -28,15 +37,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - Automatic cleanup on unmount
 
 - **TypeScript Support**:
+
   - Complete type definitions for all theme utilities
   - `ThemeMetadata`, `ThemeManagerConfig`, `ThemeChangeEvent` interfaces
   - Type-safe event system
   - Full IntelliSense support
 
 - **Package Exports**:
+
   - `@shohojdhara/atomix/theme` - Theme manager utilities
 
 - **Documentation**:
+
   - Comprehensive theme manager guide (`docs/THEME_MANAGER.md`)
   - React usage examples
   - Vanilla JavaScript examples
@@ -51,11 +63,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - Theme dependencies mapping
 
 ### Changed
+
 - Updated `README.md` with theme manager usage examples
 - Enhanced `themes.config.js` with runtime configuration options
 - Updated `src/lib/index.ts` to export theme utilities
 
 ### Features
+
 - 🎨 Dynamic theme switching without page reload
 - 💾 Automatic theme persistence across sessions
 - ⚡ Theme preloading for instant switching
@@ -73,11 +87,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.1.25] - 2025-07-02
 
 ### Fixed
+
 - Fixed module parse error with undefined exports in ESM build
 - Fixed Tooltip component export issue (previously exported as `Tooltip_Tooltip as Tooltip`)
 - Added post-build script to ensure all components are properly exported
 
 ### Added
+
 - Added support for direct component imports via `@shohojdhara/atomix/components/*`
 - Added troubleshooting guide for common issues
 
@@ -86,6 +102,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.1.16] - 2025-07-02
 
 ### Added
+
 - Initial release of Atomix Design System
 - Core components library with React and vanilla JavaScript support
 - Multiple module formats: ESM, CJS, and UMD
@@ -94,4 +111,5 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.1.0] - 2023-06-09
 
 ### Added
-- Initial public release
+
+- Initial public release

package/dist/atomix.css

@@ -5041,6 +5041,12 @@ a, a:hover {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  position: relative;
+}
+.c-data-table__header-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 .c-data-table__sort-icon {
   margin-left: 0.5rem;
@@ -5050,6 +5056,47 @@ a, a:hover {
 .c-data-table__header-cell[aria-sort] .c-data-table__sort-icon {
   color: var(--atomix-primary);
 }
+.c-data-table__column-filter {
+  width: 120px;
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  border: 1px solid var(--atomix-border-color);
+  border-radius: 4px;
+  background-color: var(--atomix-white);
+  color: var(--atomix-body-color);
+}
+.c-data-table__column-filter:focus {
+  outline: none;
+  border-color: var(--atomix-primary);
+}
+.c-data-table__resize-handle {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 4px;
+  height: 100%;
+  cursor: col-resize;
+  background-color: transparent;
+  z-index: 1;
+}
+.c-data-table__resize-handle:hover {
+  background-color: var(--atomix-primary);
+  opacity: 0.5;
+}
+.c-data-table__resize-handle:active {
+  background-color: var(--atomix-primary);
+  opacity: 1;
+}
+.c-data-table__header-cell {
+  position: relative;
+}
+.c-data-table__header-cell--dragging {
+  opacity: 0.5;
+  cursor: move;
+}
+.c-data-table__header-cell--drag-over {
+  border-left: 2px solid var(--atomix-primary);
+}
 .c-data-table__cell {
   padding: 0.75rem 1rem;
   border-bottom: var(--atomix-border-width) var(--atomix-border-style) var(--atomix-data-table-border-color);
@@ -5064,6 +5111,17 @@ a, a:hover {
 .c-data-table__row[role=button] {
   cursor: pointer;
 }
+.c-data-table__row--selected {
+  background-color: rgba(var(--atomix-primary-rgb), 0.1);
+}
+.c-data-table__cell--selection {
+  width: 48px;
+  text-align: center;
+  padding: 0.75rem 0.5rem;
+}
+.c-data-table__radio {
+  cursor: pointer;
+}
 .c-data-table__loading-cell {
   padding: 2rem;
   text-align: center;
@@ -5094,11 +5152,30 @@ a, a:hover {
 .c-data-table--loading {
   opacity: 0.7;
 }
+.c-data-table--sticky-header thead {
+  position: sticky;
+  top: var(--sticky-header-offset, 0);
+  z-index: 10;
+  background-color: var(--atomix-data-table-header-bg);
+}
 .c-data-table-toolbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 1rem;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+.c-data-table-toolbar__left {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  flex: 1 1;
+}
+.c-data-table-toolbar__right {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 .c-data-table-search {
   flex: 0 0 auto;