torch-glare 1.1.13 → 1.2.7

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 TORCH corp.
-
-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.
+MIT License
+
+Copyright (c) 2025 TORCH corp.
+
+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,25 +1,25 @@
-# TORCH Glare Components Library
-
-Welcome to the **TORCH Glare Components Library**! This library offers a comprehensive set of reusable React components designed to help you build modern, efficient user interfaces. It also includes a powerful CLI tool (**torch-glare CLI**) to simplify component management and integration.
-
-![TORCH Glare Logo](docs/Cover.png)
-
-## Documentation
-You can find the complete documentation at: [https://glare.torchcorp.com](https://glare.torchcorp.com)
-
-## Contributing
-We’re excited to welcome contributors! To get started:
-
-1. Fork the repository.
-2. Create a new branch.
-3. Implement your changes.
-4. Commit with a descriptive message.
-5. Push your branch and open a pull request.
-
-### Contribution Guidelines
-- Adhere to the existing code style.
-- Update or add documentation where applicable.
-
-## License
-This project is licensed under the **MIT License**.
-
+# TORCH Glare Components Library
+
+Welcome to the **TORCH Glare Components Library**! This library offers a comprehensive set of reusable React components designed to help you build modern, efficient user interfaces. It also includes a powerful CLI tool (**torch-glare CLI**) to simplify component management and integration.
+
+![TORCH Glare Logo](docs/Cover.png)
+
+## Documentation
+You can find the complete documentation at: [https://glare.torchcorp.com](https://glare.torchcorp.com)
+
+## Contributing
+We’re excited to welcome contributors! To get started:
+
+1. Fork the repository.
+2. Create a new branch.
+3. Implement your changes.
+4. Commit with a descriptive message.
+5. Push your branch and open a pull request.
+
+### Contribution Guidelines
+- Adhere to the existing code style.
+- Update or add documentation where applicable.
+
+## License
+This project is licensed under the **MIT License**.
+

package/docs/README.md

@@ -1,207 +1,207 @@
-# TORCH Glare Components Library
-
-Welcome to the **TORCH Glare Components Library**! This library provides a collection of reusable React components to help you build user interfaces efficiently. Additionally, a CLI tool (**torch-glare CLI**) is available to streamline component management.
-
-## Table of Contents
-
-1. [Installation](#installation)
-2. [Usage](#usage)
-3. [CLI Commands](#cli-commands)
-4. [Theming](#theming)
-5. [Contributing](#contributing)
-6. [License](#license)
-
-## Installation
-
-
-## 1. Initialize Your Project
-
-To install the TORCH Glare Components Library, run the following command:
-
-```sh
-npx torch-glare@latest init
-```
-
-This command will:
-- Create or modify the `tailwind.config.js` file to support Tailwind CSS for Tailwind versions less then 4.
-- Generate a `torch.json` file where you can customize the installation path for components.
-
-### Tailwind CSS Requirement
-Ensure that Tailwind CSS is installed in your project before running the initialization command.
-
-## 2. Add Essential Plugins for Tailwind CSS
-
-If you're using Tailwind CSS version 4 or above, add the following plugins to your global CSS file:
-
-```css
-@import "tailwindcss";
-/* Essential plugins */
-@plugin 'glare-typography';
-@plugin 'mapping-color-system';
-@plugin 'glare-torch-mode';
-@plugin 'tailwind-scrollbar-hide';
-@plugin 'tailwindcss-animate';
-```
-
-
-### 2. Add Remix Icon Library
-Include the following in `index.html` or nextjs `layout.tsx` or meta data for icon support:
-
-```html
-<html>
-<head>
-  <link
-    href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css"
-    rel="stylesheet"
-  />
-</head>
-<body></body>
-</html>
-
-```
-
-## 3. Configure Installation Path
-
-Adjust the `glare.json` file to specify where you want to install components:
-
-```json
-{
-  "path": "./src" // The directory where components will be installed
-}
-```
-
-### 4. Add Components
-To add a specific component, run:
-
-```sh
-npx torch-glare@latest add [component-name]
-```
-
-Or, to add components interactively:
-
-```sh
-npx torch-glare@latest add
-```
-
-## Usage
-
-Once installed, import and use the components as needed:
-
-```tsx
-import React from "react";
-import { Button } from "./components";
-
-const App = () => {
-  return (
-    <div>
-      <Button >Hello.</Button>
-    </div>
-  );
-};
-
-export default App;
-```
-
-## CLI Commands
-
-### Initialize Configuration
-```sh
-npx torch-glare@latest init
-```
-- Creates a `torch.json` configuration file.
-- Create or modify `tailwind.config.ts` file for tailwind support.
-
-### Add Components
-```sh
-npx torch-glare@latest add [component]
-```
-Adds a specific component or runs an interactive prompt if no name is provided.
-
-### Add Hooks
-```sh
-npx torch-glare@latest hook [hook]
-```
-Adds a specific hook or runs an interactive prompt if no name is provided.
-
-### Add Utilities
-```sh
-npx torch-glare@latest util [util]
-```
-Adds a specific utility or runs an interactive prompt if no name is provided.
-
-### Providers
-```sh
-npx torch-glare@latest provider [provider]
-```
-Adds a specific provider or runs an interactive prompt if no name is provided.
-
-### Update Installed Resources
-
-```sh
-npx torch-glare@latest update
-```
-Updates all installed components, hooks, utilities, and providers.
-
-
-## Theming
-
-The TORCH Glare Components Library supports both light and dark themes. You can set a fixed theme for your components using the `theme` attribute.
-
-### Setting a Fixed Theme
-
-To apply a fixed theme (dark or light) to a component, add the `theme `attribute with the desired theme value:
-
-```tsx
-import React from "react";
-import { Button } from "./components";
-
-const App = () => {
-  return (
-    <div>
-      <Button theme="dark">Dark Theme Button</Button>
-      <Button theme="light">Light Theme Button</Button>
-    </div>
-  );
-};
-
-export default App;
-```
-
-### Global Theme
-
-To apply a theme globally, wrap your application with the `ThemeProvider` and set the optional `defaultTheme` props:
-
-
-```tsx
-import { ThemeProvider } from "./components";
-
-const App = () => {
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
-  <ThemeProvider defaultTheme="light" defaultThemeMode="TORCH">
-    <App />
-  </ThemeProvider>
-);
-};
-
-export default App;
-```
-
-## Contributing
-
-We welcome contributions! Follow these steps:
-
-1. Fork the repository.
-2. Create a new branch.
-3. Implement your changes.
-4. Commit with a clear message.
-5. Push your changes and open a pull request.
-
-### Contribution Guidelines
-- Follow existing code style.
-- Update documentation if necessary.
-
-## License
-
-This project is licensed under the **MIT License**.
-
-
+# TORCH Glare Components Library
+
+Welcome to the **TORCH Glare Components Library**! This library provides a collection of reusable React components to help you build user interfaces efficiently. Additionally, a CLI tool (**torch-glare CLI**) is available to streamline component management.
+
+## Table of Contents
+
+1. [Installation](#installation)
+2. [Usage](#usage)
+3. [CLI Commands](#cli-commands)
+4. [Theming](#theming)
+5. [Contributing](#contributing)
+6. [License](#license)
+
+## Installation
+
+
+## 1. Initialize Your Project
+
+To install the TORCH Glare Components Library, run the following command:
+
+```sh
+npx torch-glare@latest init
+```
+
+This command will:
+- Create or modify the `tailwind.config.js` file to support Tailwind CSS for Tailwind versions less then 4.
+- Generate a `torch.json` file where you can customize the installation path for components.
+
+### Tailwind CSS Requirement
+Ensure that Tailwind CSS is installed in your project before running the initialization command.
+
+## 2. Add Essential Plugins for Tailwind CSS
+
+If you're using Tailwind CSS version 4 or above, add the following plugins to your global CSS file:
+
+```css
+@import "tailwindcss";
+/* Essential plugins */
+@plugin 'glare-typography';
+@plugin 'mapping-color-system';
+@plugin 'glare-torch-mode';
+@plugin 'tailwind-scrollbar-hide';
+@plugin 'tailwindcss-animate';
+```
+
+
+### 2. Add Remix Icon Library
+Include the following in `index.html` or nextjs `layout.tsx` or meta data for icon support:
+
+```html
+<html>
+<head>
+  <link
+    href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css"
+    rel="stylesheet"
+  />
+</head>
+<body></body>
+</html>
+
+```
+
+## 3. Configure Installation Path
+
+Adjust the `glare.json` file to specify where you want to install components:
+
+```json
+{
+  "path": "./src" // The directory where components will be installed
+}
+```
+
+### 4. Add Components
+To add a specific component, run:
+
+```sh
+npx torch-glare@latest add [component-name]
+```
+
+Or, to add components interactively:
+
+```sh
+npx torch-glare@latest add
+```
+
+## Usage
+
+Once installed, import and use the components as needed:
+
+```tsx
+import React from "react";
+import { Button } from "./components";
+
+const App = () => {
+  return (
+    <div>
+      <Button >Hello.</Button>
+    </div>
+  );
+};
+
+export default App;
+```
+
+## CLI Commands
+
+### Initialize Configuration
+```sh
+npx torch-glare@latest init
+```
+- Creates a `torch.json` configuration file.
+- Create or modify `tailwind.config.ts` file for tailwind support.
+
+### Add Components
+```sh
+npx torch-glare@latest add [component]
+```
+Adds a specific component or runs an interactive prompt if no name is provided.
+
+### Add Hooks
+```sh
+npx torch-glare@latest hook [hook]
+```
+Adds a specific hook or runs an interactive prompt if no name is provided.
+
+### Add Utilities
+```sh
+npx torch-glare@latest util [util]
+```
+Adds a specific utility or runs an interactive prompt if no name is provided.
+
+### Providers
+```sh
+npx torch-glare@latest provider [provider]
+```
+Adds a specific provider or runs an interactive prompt if no name is provided.
+
+### Update Installed Resources
+
+```sh
+npx torch-glare@latest update
+```
+Updates all installed components, hooks, utilities, and providers.
+
+
+## Theming
+
+The TORCH Glare Components Library supports both light and dark themes. You can set a fixed theme for your components using the `theme` attribute.
+
+### Setting a Fixed Theme
+
+To apply a fixed theme (dark or light) to a component, add the `theme `attribute with the desired theme value:
+
+```tsx
+import React from "react";
+import { Button } from "./components";
+
+const App = () => {
+  return (
+    <div>
+      <Button theme="dark">Dark Theme Button</Button>
+      <Button theme="light">Light Theme Button</Button>
+    </div>
+  );
+};
+
+export default App;
+```
+
+### Global Theme
+
+To apply a theme globally, wrap your application with the `ThemeProvider` and set the optional `defaultTheme` props:
+
+
+```tsx
+import { ThemeProvider } from "./components";
+
+const App = () => {
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+  <ThemeProvider defaultTheme="light" defaultThemeMode="TORCH">
+    <App />
+  </ThemeProvider>
+);
+};
+
+export default App;
+```
+
+## Contributing
+
+We welcome contributions! Follow these steps:
+
+1. Fork the repository.
+2. Create a new branch.
+3. Implement your changes.
+4. Commit with a clear message.
+5. Push your changes and open a pull request.
+
+### Contribution Guidelines
+- Follow existing code style.
+- Update documentation if necessary.
+
+## License
+
+This project is licensed under the **MIT License**.
+
+

package/lib/components/ActionButton.tsx

@@ -1,65 +1,65 @@
-import React, { ButtonHTMLAttributes } from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-import { Button } from "./Button";
-import { cn } from "../utils/cn";
-import { ButtonVariant, Themes } from "../utils/types";
-
-const buttonVariants = cva("!rounded-[4px]", {
-  variants: {
-    size: {
-      XS: "h-[18px] w-[18px] text-[12px]",
-      S: "h-[22px] w-[22px] text-[12px]",
-      M: "h-[32px] w-[32px] text-[18px]",
-    },
-  },
-  defaultVariants: {
-    size: "M",
-  },
-});
-
-
-interface Props
-  extends ButtonHTMLAttributes<HTMLButtonElement>,
-  VariantProps<typeof buttonVariants> {
-  is_loading?: boolean;
-  disabled?: boolean;
-  asChild?: boolean;
-  as?: React.ElementType;
-  theme?: Themes
-  variant?: ButtonVariant
-}
-export const ActionButton = function ({
-  size,
-  asChild,
-  as: Tag = "button",
-  className,
-  variant,
-  type = "button",
-  children,
-  theme,
-  ...props
-}: Props) {
-  return (
-    <Button
-      theme={theme}
-      asChild={asChild}
-      buttonType="icon"
-      type={type}
-      size={
-        size == "XS" ? "S" :
-          size == "S" ? "M" :
-            size == "M" ? "L" : "S"
-      }
-      variant={variant}
-      className={cn(
-        buttonVariants({
-          size,
-        })
-        , className
-      )}
-      {...props}
-    >
-      {children}
-    </Button>
-  );
-};
+import React, { ButtonHTMLAttributes } from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+import { Button } from "./Button";
+import { cn } from "../utils/cn";
+import { ButtonVariant, Themes } from "../utils/types";
+
+const buttonVariants = cva("!rounded-[4px]", {
+  variants: {
+    size: {
+      XS: "h-[18px] w-[18px] text-[12px]",
+      S: "h-[22px] w-[22px] text-[12px]",
+      M: "h-[32px] w-[32px] text-[18px]",
+    },
+  },
+  defaultVariants: {
+    size: "M",
+  },
+});
+
+
+interface Props
+  extends ButtonHTMLAttributes<HTMLButtonElement>,
+  VariantProps<typeof buttonVariants> {
+  is_loading?: boolean;
+  disabled?: boolean;
+  asChild?: boolean;
+  as?: React.ElementType;
+  theme?: Themes
+  variant?: ButtonVariant
+}
+export const ActionButton = function ({
+  size,
+  asChild,
+  as: Tag = "button",
+  className,
+  variant,
+  type = "button",
+  children,
+  theme,
+  ...props
+}: Props) {
+  return (
+    <Button
+      theme={theme}
+      asChild={asChild}
+      buttonType="icon"
+      type={type}
+      size={
+        size == "XS" ? "S" :
+          size == "S" ? "M" :
+            size == "M" ? "L" : "S"
+      }
+      variant={variant}
+      className={cn(
+        buttonVariants({
+          size,
+        })
+        , className
+      )}
+      {...props}
+    >
+      {children}
+    </Button>
+  );
+};