torch-glare 1.0.9 → 1.1.1

package/dist/src/shared/detectPackageManager.d.ts

@@ -1,6 +1,6 @@
 /**
  * Detect the package manager used in the project.
- * @returns {string} - The detected package manager (pnpm, yarn, or npm).
+ * @returns {string} - The detected package manager (pnpm, yarn, npm, bun, etc).
  */
 export declare function detectPackageManager(): string;
 //# sourceMappingURL=detectPackageManager.d.ts.map

package/dist/src/shared/detectPackageManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detectPackageManager.d.ts","sourceRoot":"","sources":["../../../cli/src/shared/detectPackageManager.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAK7C"}
+{"version":3,"file":"detectPackageManager.d.ts","sourceRoot":"","sources":["../../../cli/src/shared/detectPackageManager.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAO7C"}

package/dist/src/shared/detectPackageManager.js

@@ -2,7 +2,7 @@ import * as fs from "fs";
 import path from "path";
 /**
  * Detect the package manager used in the project.
- * @returns {string} - The detected package manager (pnpm, yarn, or npm).
+ * @returns {string} - The detected package manager (pnpm, yarn, npm, bun, etc).
  */
 export function detectPackageManager() {
     if (fs.existsSync(path.join(process.cwd(), "pnpm-lock.yaml")))
@@ -11,6 +11,10 @@ export function detectPackageManager() {
         return "yarn";
     if (fs.existsSync(path.join(process.cwd(), "package-lock.json")))
         return "npm";
+    if (fs.existsSync(path.join(process.cwd(), "bun.lockb")))
+        return "bun";
+    if (fs.existsSync(path.join(process.cwd(), ".yarnrc.yml")))
+        return "yarn";
     return "npm"; // Default to npm if no lock file is found
 }
 //# sourceMappingURL=detectPackageManager.js.map

package/dist/src/shared/detectPackageManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"detectPackageManager.js","sourceRoot":"","sources":["../../../cli/src/shared/detectPackageManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB;;;GAGG;AACH,MAAM,UAAU,oBAAoB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC;IAC7E,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC;IACxE,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,mBAAmB,CAAC,CAAC;QAAE,OAAO,KAAK,CAAC;IAC/E,OAAO,KAAK,CAAC,CAAC,0CAA0C;AAC5D,CAAC"}
+{"version":3,"file":"detectPackageManager.js","sourceRoot":"","sources":["../../../cli/src/shared/detectPackageManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB;;;GAGG;AACH,MAAM,UAAU,oBAAoB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC;IAC7E,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC;IACxE,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,mBAAmB,CAAC,CAAC;QAAE,OAAO,KAAK,CAAC;IAC/E,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,CAAC,CAAC;QAAE,OAAO,KAAK,CAAC;IACvE,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,aAAa,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC;IAC1E,OAAO,KAAK,CAAC,CAAC,0CAA0C;AAC5D,CAAC"}

package/dist/src/shared/tailwindInit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindInit.d.ts","sourceRoot":"","sources":["../../../cli/src/shared/tailwindInit.ts"],"names":[],"mappings":"AASA,wBAAgB,YAAY,IAAI,IAAI,CAwBnC"}
+{"version":3,"file":"tailwindInit.d.ts","sourceRoot":"","sources":["../../../cli/src/shared/tailwindInit.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,IAAI,IAAI,CAUnC"}

package/dist/src/shared/tailwindInit.js

@@ -1,47 +1,17 @@
-import path from "path";
-import fs from "fs";
 import { execSync } from "child_process";
 import { detectPackageManager } from "./detectPackageManager.js";
-import { getCurrentInstalledDependencies } from "./getCurrentInstalledDependencies.js";
-const tailwindConfigPath = path.join(process.cwd(), "tailwind.config.ts");
+import path from "path";
+import fs from "fs";
 export function tailwindInit() {
+    const LessThanV4 = IsTailwindLessThanV4();
     const dependencies = [
         "tailwindcss-animate",
         "tailwind-scrollbar-hide",
         "glare-typography",
-        "mapping-color-system",
+        LessThanV4 ? "mapping-color-system" : "mapping-color-system-v4",
         "glare-torch-mode",
     ];
     installDependencies(dependencies);
-    const { depsNamesAndVersions } = getCurrentInstalledDependencies();
-    if (depsNamesAndVersions["tailwindcss"]) {
-        const tailwindVersion = depsNamesAndVersions["tailwindcss"];
-        if (isTailwindVersionLessThanV4(tailwindVersion)) {
-            if (!fs.existsSync(tailwindConfigPath)) {
-                createTailwindConfig();
-            }
-            else {
-                modifyTailwindConfig();
-            }
-        }
-        else {
-            console.error("✅ Tailwind CSS version is greater than v4 Not Supported");
-            return;
-        }
-    }
-}
-function generatePlugins() {
-    return `
-    plugin,
-    require('tailwindcss-animate'),
-    require('tailwind-scrollbar-hide'),
-    require('glare-typography'),
-    require('glare-torch-mode'),
-      function ({ addVariant }: any) {
-        addVariant("rtl", '&[dir="rtl"]');
-        addVariant("ltr", '&[dir="ltr"]');
-      },
-  `;
 }
 /**
  * Installs dependencies using the detected package manager.
@@ -60,18 +30,20 @@ function installDependencies(dependencies = []) {
     const latestDeps = dependencies.map(dep => `${dep}@latest`).join(" ");
     switch (packageManager) {
         case "pnpm":
-            installCommand = `pnpm add ${latestDeps}`;
+            installCommand = `pnpm add ${latestDeps} --prefer-offline`;
             break;
         case "yarn":
-            installCommand = `yarn add ${latestDeps}`;
+            installCommand = `yarn add ${latestDeps} --ignore-engines --ignore-platform --prefer-offline`;
             break;
-        case "npm":
-        default:
-            installCommand = `npm install ${latestDeps}`;
+        case "bun":
+            installCommand = `bun add ${latestDeps} --no-save && bun install`;
             break;
+        default:
+            installCommand = `npm install ${latestDeps} --legacy-peer-deps`;
     }
     try {
         // Execute the install command
+        console.log(`Running: ${installCommand}`);
         execSync(installCommand, { stdio: "inherit" });
         console.log("✅ Dependencies installed successfully.");
     }
@@ -85,144 +57,20 @@ function installDependencies(dependencies = []) {
         else if (error.message.includes("not found")) {
             console.error("💡 The package manager might not be installed. Please ensure it is installed and available in your PATH.");
         }
-        else {
-            console.error("💡 Check your internet connection and try again.");
-        }
-    }
-}
-function createTailwindConfig() {
-    const tailwindConfig = `
-    import type { Config } from "tailwindcss";
-    const { plugin, mappingVars } = require('mapping-color-system')
-    export default {
-      content: [
-        "./app/**/*.{js,ts,jsx,tsx}",
-        "./index.html",
-        "./src/**/*.{js,ts,jsx,tsx}",
-        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-        "./features/**/*.{js,ts,jsx,tsx,mdx}",
-        "./components/**/*.{js,ts,jsx,tsx,mdx}",
-        "./layout/**/*.{js,ts,jsx,tsx,mdx}",
-      ],
-      theme: {
-        extend: {
-          colors: {
-            ...mappingVars,
-          },
-        },
-      },
-      screens: {
-        sm: "600px",
-        md: "768px",
-        lg: "1024px",
-        xl: "1280px",
-        "2xl": "1536px",
-      },
-      plugins: [${generatePlugins()}],
-    }satisfies Config;
-  `;
-    fs.writeFileSync(tailwindConfigPath, tailwindConfig);
-    console.log("✅ Created tailwind.config.ts");
-}
-function modifyTailwindConfig() {
-    try {
-        // Read the current content
-        let tailwindConfigContent = fs.readFileSync(tailwindConfigPath, "utf-8");
-        console.log("📄 Read tailwind.config.ts file successfully");
-        // Make a backup of the original content for debugging
-        const originalContent = tailwindConfigContent;
-        // if required plugins are not installed, add them
-        if (!tailwindConfigContent.includes("glare-typography")) {
-            console.log("🔄 Adding plugins to tailwind config...");
-            tailwindConfigContent = modifyPlugins(tailwindConfigContent);
-        }
-        // if required mapping variables are not installed, add them
-        if (!tailwindConfigContent.includes("mappingVars")) {
-            console.log("🔄 Adding mapping variables to tailwind config...");
-            tailwindConfigContent = AddVariablesColors(tailwindConfigContent);
-        }
-        // Check if content was actually modified
-        if (originalContent === tailwindConfigContent) {
-            console.log("⚠️ No changes were made to the tailwind config");
+        else if (error.message.includes("ERESOLVE") || error.message.includes("peer dependency conflict")) {
+            console.error("💡 There are dependency conflicts. Try manually installing with 'npm install --force' or 'npm install --legacy-peer-deps'.");
         }
         else {
-            // Write the modified content back to the file
-            fs.writeFileSync(tailwindConfigPath, tailwindConfigContent);
-            console.log("✅ Modified tailwind.config.ts successfully");
+            console.error("💡 Check your internet connection and try again.");
         }
     }
-    catch (error) {
-        console.error("❌ Error modifying tailwind.config.ts:", error);
-    }
-}
-/**
- * Checks if the installed Tailwind CSS version is less than v4.
- * @param {string} version - The version string of Tailwind CSS.
- * @returns {boolean} - True if the version is less than v4, otherwise false.
- */
-function isTailwindVersionLessThanV4(version) {
-    if (!version) {
-        console.warn("⚠️ Tailwind CSS is not installed.");
-        return false; // Assume it needs to be installed
-    }
-    // Extract the major version number
-    const majorVersion = parseInt(version?.replace(/^[^0-9]*/, "").split(".")[0] || "3", 10);
-    return majorVersion < 4;
 }
-const modifyPlugins = (tailwindConfigContent) => {
-    try {
-        console.log("start modify plugins");
-        if (!tailwindConfigContent.includes("plugins")) {
-            // If no plugins array exists at all
-            return tailwindConfigContent.replace(/}(\s*)satisfies(\s*)Config;/, `},\n  plugins: [${generatePlugins()}]$1satisfies$2Config;`);
-        }
-        else {
-            // If plugins array exists but doesn't have our plugins
-            return tailwindConfigContent.replace(/plugins\s*:\s*\[/, `plugins: [${generatePlugins()}`);
-        }
-    }
-    catch (error) {
-        console.error("❌ Error modifying plugins:", error);
-        return tailwindConfigContent; // Return unchanged if error
-    }
-};
-const AddVariablesColors = (tailwindConfigContent) => {
-    try {
-        // Check if mappingVars import exists, add if not
-        if (!tailwindConfigContent.includes("mappingVars")) {
-            if (tailwindConfigContent.includes("const { plugin }")) {
-                // Update existing plugin import to include mappingVars
-                tailwindConfigContent = tailwindConfigContent.replace("const { plugin }", "const { plugin, mappingVars }");
-            }
-            else {
-                // Add the import if it doesn't exist
-                tailwindConfigContent = tailwindConfigContent.replace("import type { Config } from", "const { plugin, mappingVars } = require('mapping-color-system')\nimport type { Config } from");
-            }
-        }
-        // Add colors configuration
-        if (!tailwindConfigContent.includes("colors:")) {
-            // If theme.extend exists but no colors
-            if (tailwindConfigContent.includes("extend:")) {
-                tailwindConfigContent = tailwindConfigContent.replace(/extend\s*:\s*{/, "extend: {\n          colors: {\n            ...mappingVars,\n          },");
-            }
-            // If theme exists but no extend
-            else if (tailwindConfigContent.includes("theme:")) {
-                tailwindConfigContent = tailwindConfigContent.replace(/theme\s*:\s*{/, "theme: {\n        extend: {\n          colors: {\n            ...mappingVars,\n          },\n        },");
-            }
-            // If no theme at all
-            else {
-                tailwindConfigContent = tailwindConfigContent.replace(/content\s*:\s*\[/, "theme: {\n        extend: {\n          colors: {\n            ...mappingVars,\n          },\n        },\n      },\n      content: [");
-            }
-        }
-        else if (!tailwindConfigContent.includes("...mappingVars")) {
-            // If colors exists but mappingVars not added
-            tailwindConfigContent = tailwindConfigContent.replace(/colors\s*:\s*{/, "colors: {\n            ...mappingVars,");
-        }
-        return tailwindConfigContent;
-    }
-    catch (error) {
-        console.error("❌ Error adding mapping variables:", error);
-        return tailwindConfigContent; // Return unchanged if error
-    }
+const IsTailwindLessThanV4 = () => {
+    const packageJson = fs.readFileSync(path.join(process.cwd(), 'package.json'), 'utf8');
+    const parsedJson = JSON.parse(packageJson);
+    const tailwindVersion = parsedJson.devDependencies?.['tailwindcss'];
+    if (!tailwindVersion)
+        return false;
+    return tailwindVersion.startsWith('^3') || tailwindVersion.startsWith('3');
 };
 //# sourceMappingURL=tailwindInit.js.map

package/dist/src/shared/tailwindInit.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindInit.js","sourceRoot":"","sources":["../../../cli/src/shared/tailwindInit.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tailwindInit.js","sourceRoot":"","sources":["../../../cli/src/shared/tailwindInit.ts"],"names":[],"mappings":"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"}

package/docs/README.md

@@ -0,0 +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**.
+
+

package/lib/components/AlertDialog.tsx

@@ -4,8 +4,8 @@ import * as React from "react"
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
 
 import { cn } from "../utils/cn"
-import { buttonVariants } from "./Button"
-import { ButtonVariant } from "@/utils/types"
+import { Button, buttonVariants } from "./Button"
+import { ButtonVariant } from "../utils/types"
 import { cva } from "class-variance-authority"
 
 const StatusTextStyle = cva("", {
@@ -55,10 +55,18 @@ const AlertDialogContent = React.forwardRef<
         <AlertDialogOverlay />
         <AlertDialogPrimitive.Content
             ref={ref}
-            className={cn(StatusTextStyle({ variant }),
-                "text-content-presentation-global-primary max-w-[800px] !m-1 sm:m-0",
-                "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-2 border bg-background-presentation-body-overlay-primary p-2 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-                "rounded-[16px] border-2 border-border-presentation-global-primary",
+            className={cn(
+                StatusTextStyle({ variant }),
+                "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[800px] translate-x-[-50%] translate-y-[-50%]",
+                "gap-2 rounded-[16px] border-2 border-border-presentation-global-primary",
+                "bg-background-presentation-body-overlay-primary p-[12px]",
+                "text-content-presentation-global-primary",
+                "shadow-lg duration-200",
+                "data-[state=open]:animate-in data-[state=closed]:animate-out",
+                "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+                "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+                "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
+                "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
                 className
             )}
             {...props}
@@ -120,11 +128,11 @@ const AlertDialogLabel = React.forwardRef<
     return (
         <AlertDialogPrimitive.Title
             ref={ref}
-            className={cn("text-lg font-semibold", className)}
+            className={cn("typography-display-medium-semibold", className)}
             {...props}
         >
-            <p className="first-letter:uppercase" >
-                <strong >{firstWord}</strong>
+            <p className="first-letter:uppercase typography-display-medium-semibold" >
+                <strong className="typography-display-medium-semibold" >{firstWord}</strong>
                 {restOfTitle.length > 0 && ' ' + restOfTitle}
             </p>
         </AlertDialogPrimitive.Title>
@@ -139,14 +147,15 @@ const AlertDialogDescription = React.forwardRef<
     <AlertDialogPrimitive.Description
         data-description=""
         ref={ref}
-        className={cn("bg-background-presentation-form-base border border-border-presentation-global-primary p-2 rounded-[8px]"
-            , "p-[12px_8px_12px_8px] sm:p-[24px_48px_48px_48px] typography-body-large-medium",
-            className)}
-
+        className={cn(
+            "typography-body-large-medium",
+            "bg-background-presentation-form-base",
+            "border border-border-presentation-global-primary",
+            "rounded-[8px] p-[24px_48px_48px_48px]",
+            className
+        )}
         {...props}
-    >
-        {props.children}
-    </AlertDialogPrimitive.Description>
+    />
 ))
 AlertDialogDescription.displayName =
     AlertDialogPrimitive.Description.displayName
@@ -166,8 +175,10 @@ const AlertDialogAction = React.forwardRef<
     <AlertDialogPrimitive.Action
         ref={ref}
         className={cn(buttonVariants({ variant: variant, size: size, buttonType: buttonType }), className)}
-        {...props}
-    />
+        asChild
+    >
+        <Button size={size} variant={variant} buttonType={buttonType} {...props} />
+    </AlertDialogPrimitive.Action>
 ))
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
 

package/lib/components/BadgeField.tsx

@@ -60,8 +60,8 @@ export const BadgeField = forwardRef<HTMLInputElement, Props>(
     // this is used to close the popover when the user clicks outside the input group
     const inputGroupRef = useClickOutside((e) => {
       if (
-        !inputGroupRef?.current?.contains(e.target as Node) &&
-        !popoverContentRef?.current?.contains(e.target as Node)
+        !inputGroupRef?.current?.contains(e?.target as Node) &&
+        !popoverContentRef?.current?.contains(e?.target as Node)
       ) setIsPopoverOpen(false);
       else setIsPopoverOpen(true);
     });
@@ -98,7 +98,7 @@ export const BadgeField = forwardRef<HTMLInputElement, Props>(
               tabIndex={isPopoverOpen ? 0 : -1}
               onKeyDown={handleKeyDown}
               size={size === "XS" ? "S" : size}
-              ref={inputGroupRef}
+              ref={inputGroupRef as any}
               onFocus={(e: any) => {
                 setDropDownListWidth(e.currentTarget.offsetWidth);
               }}

package/lib/components/ImageAttachment.tsx

@@ -46,6 +46,7 @@ const ImageAttachment = forwardRef<HTMLInputElement, Props>(
   ) => {
     return (
       <section
+
         className={cn("flex items-center justify-center gap-1 w-full", className)}>
         {children}
         <Button
@@ -54,6 +55,7 @@ const ImageAttachment = forwardRef<HTMLInputElement, Props>(
           as="label"
           id={props.id}
           variant="PrimeContStyle"
+
           className={cn(dropZoneStyles({ active: isDropAreaActive }))}
           containerClassName="flex-col"
         >

package/lib/components/Input.tsx

@@ -11,17 +11,19 @@ interface InputGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "size"> {
     className?: string;
 }
 
-export const Group = ({ size = 'M', variant = "PresentationStyle", error = false, onTable = false, ref, className, ...props }: InputGroupProps) => {
-    return (
-        <div
-            className={cn(GroupStyles({ size, variant, error, onTable }), className)}
-            ref={ref}
-            {...props}>
-        </div>
-    )
-}
-
+export const Group = forwardRef<HTMLDivElement, InputGroupProps>(
+    ({ size = 'M', variant = "PresentationStyle", error = false, onTable = false, className, ...props }, ref) => {
+        return (
+            <div
+                className={cn(GroupStyles({ size, variant, error, onTable }), className)}
+                ref={ref}
+                {...props}>
+            </div>
+        )
+    }
+);
 
+Group.displayName = "Group";
 
 interface IconProps {
     children: React.ReactNode;

package/lib/components/Table.tsx

@@ -188,9 +188,10 @@ const TableCell = React.forwardRef<
   >
     <div
       className={cn(
-        "flex justify-start items-center gap-1 w-[200px] min-w-full overflow-hidden",
+        "flex justify-start items-center gap-1 w-[200px] min-w-full overflow-hidden has-input:bg-blue-200",
         "[mask-image:linear-gradient(to_right,black_0%,black_0%,black_75%,transparent_100%)]",
         "rtl:[mask-image:linear-gradient(to_left,black_0%,black_0%,black_75%,transparent_100%)]",
+        "[&:has(input)]:[mask-image:none]",
         { "w-auto justify-center": isDummy }, childrenClassName)}
     >
       {props.children}

package/lib/hooks/useClickOutside.tsx

@@ -1,16 +1,15 @@
 import { useEffect, useRef } from "react";
 
-export function useClickOutside<T extends HTMLElement>(callback: (event?: any) => void) {
+export function useClickOutside<T extends HTMLElement>(callback: (event?: MouseEvent | PointerEvent) => void) {
     const ref = useRef<T>(null);
 
     useEffect(() => {
-        function handleOutsideClick(event: MouseEvent) {
+        function handleOutsideClick(event: MouseEvent | PointerEvent) {
             if (ref.current && !ref.current.contains(event.target as Node)) {
                 callback(event);
             }
         }
 
-
         document.addEventListener("mousedown", handleOutsideClick);
         document.addEventListener("pointerdown", handleOutsideClick);
         return () => {

package/lib/hooks/useTagSelection.tsx

@@ -12,17 +12,27 @@ export interface Tag {
 export const useTagSelection = ({
     Tags,
     onTagsChange,
-    inputRef
+    inputRef,
+    singleSelect = false
 }: {
     Tags: Tag[],
     onTagsChange?: (selectedTags: Tag[]) => void,
-    inputRef?: React.RefObject<HTMLInputElement | null>
+    inputRef?: React.RefObject<HTMLInputElement | null>,
+    singleSelect?: boolean
 }) => {
+    // Split initial tags into selected and unselected
+    const initialSelectedTags = Tags.filter(tag => tag.isSelected);
+    const initialUnselectedTags = Tags.filter(tag => !tag.isSelected);
+
     // Initialize with available tags (excluding any initially selected ones)
-    const [tags, setTags] = useState<Tag[]>(Tags);
+    const [tags, setTags] = useState<Tag[]>(initialUnselectedTags);
 
     // Initialize with any pre-selected tags
-    const [selectedTagsStack, setSelectedTagsStack] = useState<Tag[]>([]);
+    const [selectedTagsStack, setSelectedTagsStack] = useState<Tag[]>(
+        singleSelect && initialSelectedTags.length > 0
+            ? [initialSelectedTags[0]]
+            : initialSelectedTags
+    );
     const [searchTags, filterTagsBySearch] = useState('');
     const [focusedTagIndex, setFocusedTagIndex] = useState<number | null>(null);
     const [focusedPopoverIndex, setFocusedPopoverIndex] = useState<number | null>(null);
@@ -47,11 +57,29 @@ export const useTagSelection = ({
         tag.name.toLowerCase().includes(searchTags.toLowerCase())
     );
 
+    // Filter selected tags based on search input
+    const filteredSelectedTags = searchTags.length > 0
+        ? selectedTagsStack.filter(tag =>
+            tag.name.toLowerCase().includes(searchTags.toLowerCase()))
+        : selectedTagsStack;
+
     const handleSelectTag = (id: string) => {
         const tagToSelect = tags.find(tag => tag.id === id);
         if (tagToSelect) {
-            setSelectedTagsStack(prev => [...prev, { ...tagToSelect, isSelected: true }]);
-            setTags(prev => prev.filter(tag => tag.id !== id));
+            // If in single select mode, replace the current selection
+            if (singleSelect) {
+                // Move any currently selected tag back to available tags
+                if (selectedTagsStack.length > 0) {
+                    const currentSelected = selectedTagsStack[0];
+                    setTags(prev => [...prev, { ...currentSelected, isSelected: false }]);
+                }
+                setSelectedTagsStack([{ ...tagToSelect, isSelected: true }]);
+                setTags(prev => prev.filter(tag => tag.id !== id));
+            } else {
+                // Multi-select behavior (original)
+                setSelectedTagsStack(prev => [...prev, { ...tagToSelect, isSelected: true }]);
+                setTags(prev => prev.filter(tag => tag.id !== id));
+            }
         }
         filterTagsBySearch('');
         setFocusedPopoverIndex(null);
@@ -68,8 +96,13 @@ export const useTagSelection = ({
 
     // Reset the hook state with new data
     const reset = (newTags: Tag[] = [], newSelectedTags: Tag[] = []) => {
+        // In single select mode, ensure we only have at most one selected tag
+        const selectedTags = singleSelect && newSelectedTags.length > 0
+            ? [newSelectedTags[0]]
+            : newSelectedTags;
+
         setTags(newTags);
-        setSelectedTagsStack(newSelectedTags);
+        setSelectedTagsStack(selectedTags);
         filterTagsBySearch('');
         setFocusedTagIndex(null);
         setFocusedPopoverIndex(null);
@@ -169,11 +202,13 @@ export const useTagSelection = ({
         setFocusedPopoverIndex,
         filterTagsBySearch,
         filteredTags,
+        filteredSelectedTags,
         focusedTagIndex,
         focusedPopoverIndex,
         isPopoverOpen,
         setIsPopoverOpen,
-        reset
+        reset,
+        singleSelect
     };
 };
 

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "torch-glare",
-  "version": "1.0.9",
+  "version": "1.1.1",
   "type": "module",
   "license": "MIT",
   "files": [
     "dist",
-    "lib"
+    "lib",
+    "docs"
   ],
   "bin": {
     "torch-glare": "dist/bin/index.js"