elseware-ui 2.31.1 → 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
-
-## Component Imports Structure
-
-```javascript
-// 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
-
-```javascript
-// External
-
-// Internal
-
-// Types
-
-// Data
-```
-
-
-## 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
-
-## Setup
-
-Install the dependendecies via `npm i`.
-
-## Run Storybook 
-
-To test the components and its features start storybook using `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.
+# elseware-ui
+
+A modern React component library for building web and desktop user interfaces.
+
+`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
+
+// Internal
+
+// Types
+
+// Data
+```
+
+Example:
+
+```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
+
+Install dependencies:
+
+```bash
+npm install
+```
+
+## Development
+
+Start Storybook for component development and testing:
+
+```bash
+npm run dev
+```
+
+## Build
+
+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

@@ -689,12 +689,12 @@ video {
 .min-h-\[3rem\] {
   min-height: 3rem;
 }
-.min-h-\[48px\] {
-  min-height: 48px;
-}
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[56px\] {
+  min-height: 56px;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -853,9 +853,6 @@ video {
 .min-w-\[120px\] {
   min-width: 120px;
 }
-.min-w-\[160px\] {
-  min-width: 160px;
-}
 .min-w-\[180px\] {
   min-width: 180px;
 }
@@ -1195,6 +1192,9 @@ video {
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }
+.break-words {
+  overflow-wrap: break-word;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -4695,12 +4695,12 @@ video {
 .min-h-\[3rem\] {
   min-height: 3rem;
 }
-.min-h-\[48px\] {
-  min-height: 48px;
-}
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[56px\] {
+  min-height: 56px;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -4859,9 +4859,6 @@ video {
 .min-w-\[120px\] {
   min-width: 120px;
 }
-.min-w-\[160px\] {
-  min-width: 160px;
-}
 .min-w-\[180px\] {
   min-width: 180px;
 }
@@ -5201,6 +5198,9 @@ video {
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }
+.break-words {
+  overflow-wrap: break-word;
+}
 .rounded {
   border-radius: .25rem;
 }
@@ -8697,12 +8697,12 @@ video {
 .min-h-\[3rem\] {
   min-height: 3rem;
 }
-.min-h-\[48px\] {
-  min-height: 48px;
-}
 .min-h-\[50px\] {
   min-height: 50px;
 }
+.min-h-\[56px\] {
+  min-height: 56px;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -8861,9 +8861,6 @@ video {
 .min-w-\[120px\] {
   min-width: 120px;
 }
-.min-w-\[160px\] {
-  min-width: 160px;
-}
 .min-w-\[180px\] {
   min-width: 180px;
 }
@@ -9203,6 +9200,9 @@ video {
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }
+.break-words {
+  overflow-wrap: break-word;
+}
 .rounded {
   border-radius: .25rem;
 }