elseware-ui 2.31.0 → 2.31.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 elseware Technology
+
+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,109 +1,98 @@
-# elseware UI
+# elseware-ui
 
-## Component Imports Structure
+A modern React component library for building web and desktop user interfaces.
 
-```javascript
+`elseware-ui` provides a collection of reusable, customizable, and production-ready UI components designed to accelerate application development while maintaining consistency, accessibility, and scalability.
+
+## Features
+
+- TypeScript-first development
+- React-based component architecture
+- Tailwind CSS integration
+- Customizable themes and styling
+- Consistent design system
+- Web and desktop application support
+- Storybook-powered component documentation
+- Modular and tree-shakable components
+- Developer-friendly APIs
+
+## Component Import Structure
+
+Use the following import ordering convention when creating components:
+
+```ts
 // External
-import { ReactNode } from "react";
 
 // Internal
-import { cn } from "@/utils";
 
 // Types
-import { BaseComponentProps } from "@/interfaces";
-import { Variant, Shape, Size } from "@/types";
 
 // Data
-import {
-  shapes,
-  variants,
-  borderVariants,
-  avatarSizes,
-} from "@/data/styles";
 ```
 
-Copy the following and define the component imports accordingly
+Example:
 
-```javascript
+```ts
 // External
+import { ReactNode } from "react";
 
 // Internal
+import { cn } from "@/utils";
 
 // Types
+import { BaseComponentProps } from "@/interfaces";
+import { Variant, Shape, Size } from "@/types";
 
 // Data
+import { shapes, variants, borderVariants, avatarSizes } from "@/data/styles";
 ```
 
+## Installation
 
-## Folder Hierarchy
-- components: Base UI primitives (buttons, inputs, modals, etc.)
-- compositions: Composite reusable structures built from primitives
-- data: Metadata used on the components/compositions
-- layouts: Page layouts that can be used to quickly structure the page formats
-- styles: Tailwind/CSS stylings
-- types: Custom react types
-- utils: Reusable utility functions and hooks
+Install dependencies:
 
-## Setup
+```bash
+npm install
+```
 
-Install the dependendecies via `npm i`.
+## Development
 
-## Run Storybook 
+Start Storybook for component development and testing:
 
-To test the components and its features start storybook using `npm run dev`.
+```bash
+npm run dev
+```
 
 ## Build
 
-Run `npm run build` to build the UI framework.
-
-## Publishing to npm
-
-### Publishing a New Version
-
-1. **Update the version number**:
-   - Before publishing a new version, update the version in `package.json` following [semantic versioning](https://semver.org/).
-   - Example:
-     ```json
-     {
-       "name": "elseware-ui",
-       "version": "1.0.1",
-       ...
-     }
-     ```
-
-2. **Build the UI Framework**:
-   - Run the following command to ensure your changes are built and ready to be published:
-     ```bash
-     npm run build
-     ```
-
-3. **Login to npm**:
-   - If you're not already logged in to npm, log in using:
-     ```bash
-     npm login
-     ```
-
-4. **Publish the package**:
-   - To publish the package, run the following command:
-     ```bash
-     npm publish --access public
-     ```
-   - Make sure the package name in `package.json` is unique and does not conflict with other packages on npm.
-
-### Unpublishing an Older Version
-
-If you need to unpublish a specific version of the package:
-
-1. **Unpublish a specific version**:
-   - To unpublish a specific version of your package (e.g., `1.0.0`), run:
-     ```bash
-     npm unpublish elseware-ui@1.0.0
-     ```
-
-2. **Unpublish the entire package**:
-   - If you need to unpublish the entire package, you can run the following command (not recommended for public packages):
-     ```bash
-     npm unpublish elseware-ui --force
-     ```
-
-   **Note:** Be cautious when using `--force` as npm restricts package unpublishing for packages that are older than 72 hours to avoid breaking dependencies.
+Build the component library:
+
+```bash
+npm run build
+```
+
+## Publishing
+
+Publish a new package version to npm:
+
+```bash
+npm run release
+```
+
+## Documentation
+
+Interactive component documentation and examples are available through Storybook.
+
+## About elseware Technology
+
+elseware Technology builds tools, frameworks, and solutions for software engineering, cloud computing, game development, and developer productivity.
+
+## Contributing
+
+Contributions, issues, and feature requests are welcome.
+
+## License
+
+This project is licensed under the MIT License.
+
+Copyright © 2026 elseware Technology.

package/dist/index.css

@@ -511,6 +511,9 @@ video {
 .ml-3 {
   margin-left: .75rem;
 }
+.ml-5 {
+  margin-left: 1.25rem;
+}
 .mr-2 {
   margin-right: .5rem;
 }
@@ -689,6 +692,9 @@ video {
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[56px\] {
+  min-height: 56px;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -1186,6 +1192,9 @@ video {
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }
+.break-words {
+  overflow-wrap: break-word;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -3308,6 +3317,10 @@ video {
   --tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
 }
+.hover\:text-blue-400:hover {
+  --tw-text-opacity:1;
+  color: rgb(96 165 250/var(--tw-text-opacity,1));
+}
 .hover\:text-eui-danger-400:hover {
   --tw-text-opacity:1;
   color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -3853,6 +3866,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(17 24 39/var(--tw-bg-opacity,1));
 }
+.dark\:hover\:bg-neutral-800:hover:is(.dark *) {
+  --tw-bg-opacity:1;
+  background-color: rgb(38 38 38/var(--tw-bg-opacity,1));
+}
 .dark\:hover\:bg-white\/5:hover:is(.dark *) {
   background-color: hsla(0, 0%, 100%, .05);
 }
@@ -3872,6 +3889,10 @@ video {
   --tw-gradient-to:rgba(10,90,0,0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
 }
+.dark\:hover\:text-gray-100:hover:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(243 244 246/var(--tw-text-opacity,1));
+}
 .dark\:hover\:text-gray-300:hover:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(209 213 219/var(--tw-text-opacity,1));
@@ -4496,6 +4517,9 @@ video {
 .ml-3 {
   margin-left: .75rem;
 }
+.ml-5 {
+  margin-left: 1.25rem;
+}
 .mr-2 {
   margin-right: .5rem;
 }
@@ -4674,6 +4698,9 @@ video {
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[56px\] {
+  min-height: 56px;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -5171,6 +5198,9 @@ video {
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }
+.break-words {
+  overflow-wrap: break-word;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -7378,6 +7408,10 @@ video {
   --tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
 }
+.hover\:text-blue-400:hover {
+  --tw-text-opacity:1;
+  color: rgb(96 165 250/var(--tw-text-opacity,1));
+}
 .hover\:text-eui-danger-400:hover {
   --tw-text-opacity:1;
   color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -7923,6 +7957,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(17 24 39/var(--tw-bg-opacity,1));
 }
+.dark\:hover\:bg-neutral-800:hover:is(.dark *) {
+  --tw-bg-opacity:1;
+  background-color: rgb(38 38 38/var(--tw-bg-opacity,1));
+}
 .dark\:hover\:bg-white\/5:hover:is(.dark *) {
   background-color: hsla(0, 0%, 100%, .05);
 }
@@ -7942,6 +7980,10 @@ video {
   --tw-gradient-to:rgba(10,90,0,0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
 }
+.dark\:hover\:text-gray-100:hover:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(243 244 246/var(--tw-text-opacity,1));
+}
 .dark\:hover\:text-gray-300:hover:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(209 213 219/var(--tw-text-opacity,1));
@@ -8477,6 +8519,9 @@ video {
 .ml-3 {
   margin-left: .75rem;
 }
+.ml-5 {
+  margin-left: 1.25rem;
+}
 .mr-2 {
   margin-right: .5rem;
 }
@@ -8655,6 +8700,9 @@ video {
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[56px\] {
+  min-height: 56px;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -9152,6 +9200,9 @@ video {
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }
+.break-words {
+  overflow-wrap: break-word;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -11388,6 +11439,10 @@ video {
   --tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
 }
+.hover\:text-blue-400:hover {
+  --tw-text-opacity:1;
+  color: rgb(96 165 250/var(--tw-text-opacity,1));
+}
 .hover\:text-eui-danger-400:hover {
   --tw-text-opacity:1;
   color: rgb(229 31 47/var(--tw-text-opacity,1));
@@ -11933,6 +11988,10 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(17 24 39/var(--tw-bg-opacity,1));
 }
+.dark\:hover\:bg-neutral-800:hover:is(.dark *) {
+  --tw-bg-opacity:1;
+  background-color: rgb(38 38 38/var(--tw-bg-opacity,1));
+}
 .dark\:hover\:bg-white\/5:hover:is(.dark *) {
   background-color: hsla(0, 0%, 100%, .05);
 }
@@ -11952,6 +12011,10 @@ video {
   --tw-gradient-to:rgba(10,90,0,0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
 }
+.dark\:hover\:text-gray-100:hover:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(243 244 246/var(--tw-text-opacity,1));
+}
 .dark\:hover\:text-gray-300:hover:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(209 213 219/var(--tw-text-opacity,1));