@jamsrui/button 0.0.2

package/README.md

@@ -0,0 +1,40 @@
+# 🚀 **JamsrUI**
+
+**A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
+
+
+## 📖 **Overview**
+
+[JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
+
+## 🚀 Getting Started 
+
+Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
+
+## ✨ Features
+
+- 🚀 **Production-Ready**: Optimized for modern React projects.
+- 🎨 **Customizable**: Easily override styles and themes.
+- 🛠️ **Reusable Components**: Save time with prebuilt, efficient UI elements.
+- ⚡ **Developer-Friendly**: Simple API and well-documented usage.
+- 📦 **Lightweight**: Minimal dependencies for fast performance.
+- 🖥️ **Modern Design**: Clean, responsive, and user-friendly components.
+
+## 🌱 Community
+
+We’re thrilled to see the community actively engage with **JamsrUI**! Whether you're sharing feedback, reporting bugs, requesting features, or showcasing projects built with JamsrUI, your involvement helps us grow and improve.
+
+### How to Engage
+
+- 💬 **Report Bugs**: [GitHub Issues](https://github.com/jamsrworld/jamsr-ui/issues)
+- 🚀 **Request Features**: Share ideas for new components.
+- 🤝 **Showcase Projects**: Let us know how you use JamsrUI.
+
+## Contributing
+
+We welcome contributions from developers of all skill levels!
+
+## ⭐ Support the Project
+
+If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
+

package/dist/button-Bbcz7Kbb.d.ts

@@ -0,0 +1,68 @@
+import * as react from 'react';
+import { PropGetter, UIProps } from '@jamsrui/utils';
+import { ButtonVariantProps } from './styles.js';
+
+declare const useButton: (props: useButton.Props) => {
+    getButtonProps: PropGetter<Button.Props>;
+    startContent: react.ReactNode;
+    endContent: react.ReactNode;
+    isLoading: boolean | undefined;
+    spinner: react.ReactNode;
+    spinnerPlacement: "end" | "start";
+    disableRipple: boolean | undefined;
+};
+declare namespace useButton {
+    interface VariantProps extends Button.VariantProps {
+    }
+    interface Props extends VariantProps, UIProps<"button"> {
+        /**
+         * If `true`, the button will show a spinner and be non-interactive.
+         * Useful for indicating a loading state during async operations.
+         */
+        isLoading?: boolean;
+        /**
+         * If `true`, the button will be disabled.
+         * Takes precedence over `isLoading`.
+         */
+        isDisabled?: boolean;
+        /**
+         * Element to be rendered at the **start** of the button content.
+         * Commonly used for icons or prepended text.
+         */
+        startContent?: React.ReactNode;
+        /**
+         * Element to be rendered at the **end** of the button content.
+         * Commonly used for icons or appended text.
+         */
+        endContent?: React.ReactNode;
+        /**
+         * Determines where the spinner appears when `isLoading` is true.
+         * Can be `"start"` or `"end"`. Defaults to `"start"`.
+         */
+        spinnerPlacement?: "start" | "end";
+        /**
+         * If `true`, disables the ripple effect on click.
+         * Recommended for a more minimal or static UI feel.
+         */
+        disableRipple?: boolean;
+        /**
+         * If `true`, disables all animations on the button.
+         * Useful for performance-sensitive environments or reduced motion settings.
+         */
+        disableAnimation?: boolean;
+        /**
+         * A custom spinner element to replace the default loading indicator.
+         */
+        spinner?: React.ReactNode;
+    }
+}
+
+declare const Button: (props: Button.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace Button {
+    interface VariantProps extends ButtonVariantProps {
+    }
+    interface Props extends useButton.Props {
+    }
+}
+
+export { Button as B, useButton as u };

package/dist/button-Dm01AUgs.d.mts

@@ -0,0 +1,68 @@
+import * as react from 'react';
+import { PropGetter, UIProps } from '@jamsrui/utils';
+import { ButtonVariantProps } from './styles.mjs';
+
+declare const useButton: (props: useButton.Props) => {
+    getButtonProps: PropGetter<Button.Props>;
+    startContent: react.ReactNode;
+    endContent: react.ReactNode;
+    isLoading: boolean | undefined;
+    spinner: react.ReactNode;
+    spinnerPlacement: "end" | "start";
+    disableRipple: boolean | undefined;
+};
+declare namespace useButton {
+    interface VariantProps extends Button.VariantProps {
+    }
+    interface Props extends VariantProps, UIProps<"button"> {
+        /**
+         * If `true`, the button will show a spinner and be non-interactive.
+         * Useful for indicating a loading state during async operations.
+         */
+        isLoading?: boolean;
+        /**
+         * If `true`, the button will be disabled.
+         * Takes precedence over `isLoading`.
+         */
+        isDisabled?: boolean;
+        /**
+         * Element to be rendered at the **start** of the button content.
+         * Commonly used for icons or prepended text.
+         */
+        startContent?: React.ReactNode;
+        /**
+         * Element to be rendered at the **end** of the button content.
+         * Commonly used for icons or appended text.
+         */
+        endContent?: React.ReactNode;
+        /**
+         * Determines where the spinner appears when `isLoading` is true.
+         * Can be `"start"` or `"end"`. Defaults to `"start"`.
+         */
+        spinnerPlacement?: "start" | "end";
+        /**
+         * If `true`, disables the ripple effect on click.
+         * Recommended for a more minimal or static UI feel.
+         */
+        disableRipple?: boolean;
+        /**
+         * If `true`, disables all animations on the button.
+         * Useful for performance-sensitive environments or reduced motion settings.
+         */
+        disableAnimation?: boolean;
+        /**
+         * A custom spinner element to replace the default loading indicator.
+         */
+        spinner?: React.ReactNode;
+    }
+}
+
+declare const Button: (props: Button.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace Button {
+    interface VariantProps extends ButtonVariantProps {
+    }
+    interface Props extends useButton.Props {
+    }
+}
+
+export { Button as B, useButton as u };

package/dist/button-config.d.mts

@@ -0,0 +1,17 @@
+import { B as Button } from './button-Dm01AUgs.mjs';
+import * as react from 'react';
+import { GlobalConfigProps } from '@jamsrui/core';
+import '@jamsrui/utils';
+import './styles.mjs';
+import 'tailwind-variants';
+
+declare const useButtonConfig: () => ButtonConfig.Props;
+declare const ButtonConfig: (props: ButtonConfig.Props & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace ButtonConfig {
+    interface Props extends Button.Props, GlobalConfigProps<Button.Props> {
+    }
+}
+
+export { ButtonConfig, useButtonConfig };

package/dist/button-config.d.ts

@@ -0,0 +1,17 @@
+import { B as Button } from './button-Bbcz7Kbb.js';
+import * as react from 'react';
+import { GlobalConfigProps } from '@jamsrui/core';
+import '@jamsrui/utils';
+import './styles.js';
+import 'tailwind-variants';
+
+declare const useButtonConfig: () => ButtonConfig.Props;
+declare const ButtonConfig: (props: ButtonConfig.Props & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace ButtonConfig {
+    interface Props extends Button.Props, GlobalConfigProps<Button.Props> {
+    }
+}
+
+export { ButtonConfig, useButtonConfig };

package/dist/button-config.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMRE5MIBIjs = require('./chunk-MRE5MIBI.js');exports.ButtonConfig = _chunkMRE5MIBIjs.a; exports.useButtonConfig = _chunkMRE5MIBIjs.b;

package/dist/button-config.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-YO2JOETJ.mjs";export{a as ButtonConfig,b as useButtonConfig};

package/dist/button.d.mts

@@ -0,0 +1,5 @@
+import 'react';
+export { B as Button } from './button-Dm01AUgs.mjs';
+import './styles.mjs';
+import '@jamsrui/utils';
+import 'tailwind-variants';

package/dist/button.d.ts

@@ -0,0 +1,5 @@
+import 'react';
+export { B as Button } from './button-Bbcz7Kbb.js';
+import './styles.js';
+import '@jamsrui/utils';
+import 'tailwind-variants';

package/dist/button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkL5HTCZJ2js = require('./chunk-L5HTCZJ2.js');require('./chunk-MRE5MIBI.js');require('./chunk-7FO77XRV.js');require('./chunk-TDZC6RKV.js');require('./chunk-BH7ZAA7C.js');exports.Button = _chunkL5HTCZJ2js.a;

package/dist/button.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-VQVHFE3C.mjs";import"./chunk-YO2JOETJ.mjs";import"./chunk-NLV7744X.mjs";import"./chunk-KSTOSIKK.mjs";import"./chunk-WUQOKAKL.mjs";export{a as Button};

package/dist/chunk-7FO77XRV.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e=r=>{let{size:t=20}=r;return React.createElement("svg",{fill:"currentColor",height:t,viewBox:"0 0 24 24",width:t,xmlns:"http://www.w3.org/2000/svg"},React.createElement("g",null,React.createElement("rect",{height:5,opacity:".14",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".29",transform:"rotate(30 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".43",transform:"rotate(60 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".57",transform:"rotate(90 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".71",transform:"rotate(120 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".86",transform:"rotate(150 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,transform:"rotate(180 12 12)",width:2,x:11,y:1}),React.createElement("animateTransform",{attributeName:"transform",calcMode:"discrete",dur:"0.75s",repeatCount:"indefinite",type:"rotate",values:"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"})))};exports.a = e;

package/dist/chunk-BH7ZAA7C.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var n="",d= exports.b =_utils.tv.call(void 0, {base:["relative cursor-pointer inline-flex py-2 px-4 rounded-full justify-center items-center gap-2 shrink-0","data-[loading]:cursor-progress","disabled:cursor-not-allowed disabled:opacity-70","focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2"],variants:{color:{default:"shadow-default",primary:"shadow-primary",secondary:"shadow-primary",success:"shadow-primary",warning:"shadow-primary",danger:"shadow-primary"},variant:{solid:"",bordered:"border-2",light:"",text:"",flat:""},isFullWidth:{true:"w-full"},size:{xs:"px-2 py-1 text-xs",sm:"min-w-16 gap-1 px-3 py-1.5 text-xs",md:"min-w-20 gap-2 px-4 py-2 text-sm",lg:"min-w-40 gap-2 px-6 py-2.5 text-base font-medium"},radius:_utils.radiusBaseVariant,disableAnimation:{true:"",false:""}},compoundVariants:[..._utils.allVariants.flatMap(a=>_utils.allColors.map(t=>({variant:a,color:t,className:_utils.colorVariants[a][t]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1,isFullWidth:!1}});exports.a = n; exports.b = d;

package/dist/chunk-KSTOSIKK.mjs

@@ -0,0 +1 @@
+import{b as e}from"./chunk-WUQOKAKL.mjs";import{useCallback as f,useMemo as B}from"react";import{cn as x,mapPropsVariants as y}from"@jamsrui/utils";var g=m=>{let[u,b]=y(m,e.variantKeys),{isDisabled:P,disableRipple:o,endContent:n,spinner:s,spinnerPlacement:a="start",startContent:r,disabled:R,isLoading:t,className:i,...p}=u,l=R??P??t,d=e(b),c=f(()=>({...p,disabled:l,className:x(d,i),"data-loading":t}),[i,l,t,p,d]);return B(()=>({getButtonProps:c,startContent:r,endContent:n,isLoading:t,spinner:s,spinnerPlacement:a,disableRipple:o}),[c,r,n,t,s,a,o])};export{g as a};

package/dist/chunk-L5HTCZJ2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMRE5MIBIjs = require('./chunk-MRE5MIBI.js');var _chunk7FO77XRVjs = require('./chunk-7FO77XRV.js');var _chunkTDZC6RKVjs = require('./chunk-TDZC6RKV.js');var _chunkBH7ZAA7Cjs = require('./chunk-BH7ZAA7C.js');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var L=t=>{let m=_chunkMRE5MIBIjs.b.call(void 0, ),o=_utils.mergeConfigProps.call(void 0, _chunkBH7ZAA7Cjs.b.defaultVariants,m,t),{size:u}=o,{getButtonProps:c,startContent:d,endContent:f,isLoading:n,spinner:e=React.createElement(_chunk7FO77XRVjs.a,{size:u==="xs"?14:20}),disableRipple:g,spinnerPlacement:r}=_chunkTDZC6RKVjs.a.call(void 0, o),P=React.createElement(React.Fragment,null,n&&r==="start"?e:d,t.children,n&&r==="end"?e:f);return _hooks.useRenderElement.call(void 0, "button",{props:[c({}),{children:P}]})};exports.a = L;

package/dist/chunk-MRE5MIBI.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var[n,r]=_utils.createConfigContext.call(void 0, {displayName:"ButtonConfigContext"});exports.a = n; exports.b = r;

package/dist/chunk-NLV7744X.mjs

@@ -0,0 +1 @@
+var e=r=>{let{size:t=20}=r;return React.createElement("svg",{fill:"currentColor",height:t,viewBox:"0 0 24 24",width:t,xmlns:"http://www.w3.org/2000/svg"},React.createElement("g",null,React.createElement("rect",{height:5,opacity:".14",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".29",transform:"rotate(30 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".43",transform:"rotate(60 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".57",transform:"rotate(90 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".71",transform:"rotate(120 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".86",transform:"rotate(150 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,transform:"rotate(180 12 12)",width:2,x:11,y:1}),React.createElement("animateTransform",{attributeName:"transform",calcMode:"discrete",dur:"0.75s",repeatCount:"indefinite",type:"rotate",values:"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"})))};export{e as a};

package/dist/chunk-TDZC6RKV.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkBH7ZAA7Cjs = require('./chunk-BH7ZAA7C.js');var _react = require('react');var _utils = require('@jamsrui/utils');var g=m=>{let[u,b]=_utils.mapPropsVariants.call(void 0, m,_chunkBH7ZAA7Cjs.b.variantKeys),{isDisabled:P,disableRipple:o,endContent:n,spinner:s,spinnerPlacement:a="start",startContent:r,disabled:R,isLoading:t,className:i,...p}=u,l=_nullishCoalesce(_nullishCoalesce(R, () => (P)), () => (t)),d=_chunkBH7ZAA7Cjs.b.call(void 0, b),c=_react.useCallback.call(void 0, ()=>({...p,disabled:l,className:_utils.cn.call(void 0, d,i),"data-loading":t}),[i,l,t,p,d]);return _react.useMemo.call(void 0, ()=>({getButtonProps:c,startContent:r,endContent:n,isLoading:t,spinner:s,spinnerPlacement:a,disableRipple:o}),[c,r,n,t,s,a,o])};exports.a = g;

package/dist/chunk-VQVHFE3C.mjs

@@ -0,0 +1 @@
+import{b as s}from"./chunk-YO2JOETJ.mjs";import{a as i}from"./chunk-NLV7744X.mjs";import{a}from"./chunk-KSTOSIKK.mjs";import{b as p}from"./chunk-WUQOKAKL.mjs";import{useRenderElement as l}from"@jamsrui/hooks";import{mergeConfigProps as B}from"@jamsrui/utils";var L=t=>{let m=s(),o=B(p.defaultVariants,m,t),{size:u}=o,{getButtonProps:c,startContent:d,endContent:f,isLoading:n,spinner:e=React.createElement(i,{size:u==="xs"?14:20}),disableRipple:g,spinnerPlacement:r}=a(o),P=React.createElement(React.Fragment,null,n&&r==="start"?e:d,t.children,n&&r==="end"?e:f);return l("button",{props:[c({}),{children:P}]})};export{L as a};

package/dist/chunk-WUQOKAKL.mjs

@@ -0,0 +1 @@
+import{allColors as i,allVariants as r,colorVariants as s,radiusBaseVariant as e,tv as o}from"@jamsrui/utils";var n="",d=o({base:["relative cursor-pointer inline-flex py-2 px-4 rounded-full justify-center items-center gap-2 shrink-0","data-[loading]:cursor-progress","disabled:cursor-not-allowed disabled:opacity-70","focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2"],variants:{color:{default:"shadow-default",primary:"shadow-primary",secondary:"shadow-primary",success:"shadow-primary",warning:"shadow-primary",danger:"shadow-primary"},variant:{solid:"",bordered:"border-2",light:"",text:"",flat:""},isFullWidth:{true:"w-full"},size:{xs:"px-2 py-1 text-xs",sm:"min-w-16 gap-1 px-3 py-1.5 text-xs",md:"min-w-20 gap-2 px-4 py-2 text-sm",lg:"min-w-40 gap-2 px-6 py-2.5 text-base font-medium"},radius:e,disableAnimation:{true:"",false:""}},compoundVariants:[...r.flatMap(a=>i.map(t=>({variant:a,color:t,className:s[a][t]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1,isFullWidth:!1}});export{n as a,d as b};

package/dist/chunk-YO2JOETJ.mjs

@@ -0,0 +1 @@
+import{createConfigContext as o}from"@jamsrui/utils";var[n,r]=o({displayName:"ButtonConfigContext"});export{n as a,r as b};

package/dist/index.d.mts

@@ -0,0 +1,7 @@
+export { B as Button } from './button-Dm01AUgs.mjs';
+export { ButtonConfig, useButtonConfig } from './button-config.mjs';
+import 'react';
+import '@jamsrui/utils';
+import './styles.mjs';
+import 'tailwind-variants';
+import '@jamsrui/core';

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { B as Button } from './button-Bbcz7Kbb.js';
+export { ButtonConfig, useButtonConfig } from './button-config.js';
+import 'react';
+import '@jamsrui/utils';
+import './styles.js';
+import 'tailwind-variants';
+import '@jamsrui/core';

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkL5HTCZJ2js = require('./chunk-L5HTCZJ2.js');var _chunkMRE5MIBIjs = require('./chunk-MRE5MIBI.js');require('./chunk-7FO77XRV.js');require('./chunk-TDZC6RKV.js');require('./chunk-BH7ZAA7C.js');exports.Button = _chunkL5HTCZJ2js.a; exports.ButtonConfig = _chunkMRE5MIBIjs.a; exports.useButtonConfig = _chunkMRE5MIBIjs.b;

package/dist/index.mjs

@@ -0,0 +1 @@
+"use client";import{a as n}from"./chunk-VQVHFE3C.mjs";import{a as o,b as t}from"./chunk-YO2JOETJ.mjs";import"./chunk-NLV7744X.mjs";import"./chunk-KSTOSIKK.mjs";import"./chunk-WUQOKAKL.mjs";export{n as Button,o as ButtonConfig,t as useButtonConfig};

package/dist/spinner.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+
+type Props = {
+    size?: number;
+};
+declare const LoadingSpinner: (props: Props) => react.JSX.Element;
+
+export { LoadingSpinner };

package/dist/spinner.d.ts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+
+type Props = {
+    size?: number;
+};
+declare const LoadingSpinner: (props: Props) => react.JSX.Element;
+
+export { LoadingSpinner };

package/dist/spinner.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk7FO77XRVjs = require('./chunk-7FO77XRV.js');exports.LoadingSpinner = _chunk7FO77XRVjs.a;

package/dist/spinner.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-NLV7744X.mjs";export{a as LoadingSpinner};

package/dist/styles.d.mts

@@ -0,0 +1,125 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const test = "";
+declare const buttonVariant: tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        bordered: string;
+        light: string;
+        text: string;
+        flat: string;
+    };
+    isFullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        readonly sm: "rounded";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+        readonly xl: "rounded-xl";
+        readonly "2xl": "rounded-2xl";
+        readonly "3xl": "rounded-3xl";
+        readonly full: "rounded-full";
+        readonly none: "rounded-none";
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        bordered: string;
+        light: string;
+        text: string;
+        flat: string;
+    };
+    isFullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        readonly sm: "rounded";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+        readonly xl: "rounded-xl";
+        readonly "2xl": "rounded-2xl";
+        readonly "3xl": "rounded-3xl";
+        readonly full: "rounded-full";
+        readonly none: "rounded-none";
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        bordered: string;
+        light: string;
+        text: string;
+        flat: string;
+    };
+    isFullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        readonly sm: "rounded";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+        readonly xl: "rounded-xl";
+        readonly "2xl": "rounded-2xl";
+        readonly "3xl": "rounded-3xl";
+        readonly full: "rounded-full";
+        readonly none: "rounded-none";
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ButtonVariantProps = VariantProps<typeof buttonVariant>;
+
+export { type ButtonVariantProps, buttonVariant, test };

package/dist/styles.d.ts

@@ -0,0 +1,125 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const test = "";
+declare const buttonVariant: tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        bordered: string;
+        light: string;
+        text: string;
+        flat: string;
+    };
+    isFullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        readonly sm: "rounded";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+        readonly xl: "rounded-xl";
+        readonly "2xl": "rounded-2xl";
+        readonly "3xl": "rounded-3xl";
+        readonly full: "rounded-full";
+        readonly none: "rounded-none";
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        bordered: string;
+        light: string;
+        text: string;
+        flat: string;
+    };
+    isFullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        readonly sm: "rounded";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+        readonly xl: "rounded-xl";
+        readonly "2xl": "rounded-2xl";
+        readonly "3xl": "rounded-3xl";
+        readonly full: "rounded-full";
+        readonly none: "rounded-none";
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        bordered: string;
+        light: string;
+        text: string;
+        flat: string;
+    };
+    isFullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        readonly sm: "rounded";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+        readonly xl: "rounded-xl";
+        readonly "2xl": "rounded-2xl";
+        readonly "3xl": "rounded-3xl";
+        readonly full: "rounded-full";
+        readonly none: "rounded-none";
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ButtonVariantProps = VariantProps<typeof buttonVariant>;
+
+export { type ButtonVariantProps, buttonVariant, test };

package/dist/styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBH7ZAA7Cjs = require('./chunk-BH7ZAA7C.js');exports.buttonVariant = _chunkBH7ZAA7Cjs.b; exports.test = _chunkBH7ZAA7Cjs.a;

package/dist/styles.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-WUQOKAKL.mjs";export{b as buttonVariant,a as test};

package/dist/use-button.d.mts

@@ -0,0 +1,5 @@
+import 'react';
+import '@jamsrui/utils';
+export { u as useButton } from './button-Dm01AUgs.mjs';
+import './styles.mjs';
+import 'tailwind-variants';

package/dist/use-button.d.ts

@@ -0,0 +1,5 @@
+import 'react';
+import '@jamsrui/utils';
+export { u as useButton } from './button-Bbcz7Kbb.js';
+import './styles.js';
+import 'tailwind-variants';

package/dist/use-button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTDZC6RKVjs = require('./chunk-TDZC6RKV.js');require('./chunk-BH7ZAA7C.js');exports.useButton = _chunkTDZC6RKVjs.a;

package/dist/use-button.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-KSTOSIKK.mjs";import"./chunk-WUQOKAKL.mjs";export{a as useButton};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@jamsrui/button",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "dependencies": {
+    "@jamsrui/hooks": "^0.0.2",
+    "@jamsrui/core": "^0.0.2",
+    "@jamsrui/utils": "^0.0.2"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "description": "A modern and beautiful Next.js UI components library.",
+  "keywords": [
+    "react",
+    "ui",
+    "UI components",
+    "Next.js",
+    "React",
+    "JamsrUI",
+    "jamsr-ui",
+    "TypeScript"
+  ],
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "@jamsrworld",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jamsrworld/jamsr-ui"
+  },
+  "bugs": {
+    "url": "https://github.com/jamsrworld/jamsr-ui/issues"
+  },
+  "homepage": "https://jamsr-ui.jamsrworld.com",
+  "files": [
+    "dist",
+    "README",
+    "README.md",
+    "package.json",
+    "LICENSE"
+  ]
+}