@jamsrui/icon-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/chunk-62KSEK2L.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkXQYFQDZAjs = require('./chunk-XQYFQDZA.js');var _hooks = require('@jamsrui/hooks');var l=t=>{let{children:n}=t,o=_chunkXQYFQDZAjs.a.call(void 0, t),{getButtonProps:r,getLabelProps:s}=o,c=React.createElement(React.Fragment,null,React.createElement("span",{...s({})}),n);return _hooks.useRenderElement.call(void 0, "button",{props:[r(),{children:c}]})};exports.a = l;

package/dist/chunk-DU2XZ4KY.mjs

@@ -0,0 +1 @@
+import{a as e}from"./chunk-WZJPBIYC.mjs";import{useRenderElement as p}from"@jamsrui/hooks";var l=t=>{let{children:n}=t,o=e(t),{getButtonProps:r,getLabelProps:s}=o,c=React.createElement(React.Fragment,null,React.createElement("span",{...s({})}),n);return p("button",{props:[r(),{children:c}]})};export{l as a};

package/dist/chunk-MGRF3OGE.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:"IconButtonConfig"});exports.a = n; exports.b = r;

package/dist/chunk-P52JHGTV.mjs

@@ -0,0 +1 @@
+import{allColors as i,allVariants as t,colorVariants as e,radiusBaseVariant as n,tv as s}from"@jamsrui/utils";var l="",d=s({base:["z-0","cursor-pointer","shrink-0","group","relative","inline-flex","items-center","justify-center","box-border","appearance-none","outline-none","select-none","whitespace-nowrap","min-w-max","font-medium","tap-highlight-transparent","transition-transform","focus-visible:ring-2 focus-visible:ring-primary","ui-disabled:cursor-not-allowed ui-disabled:opacity-60","text-transform-inherit"],variants:{color:{default:"",primary:"",secondary:"",success:"",warning:"",danger:""},variant:{solid:"",bordered:"border-2 bg-transparent",light:"",text:"",flat:""},size:{xs:"size-6 rounded",sm:"size-8 min-w-8 rounded-lg",md:"size-10 min-w-10 rounded-xl",lg:"size-12 min-w-12 rounded-2xl"},disableAnimation:{true:"!transition-none",false:"data-[pressed=true]:scale-[0.97]"},radius:n},compoundVariants:[...t.flatMap(a=>i.map(r=>({variant:a,color:r,className:e[a][r]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1}});export{l as a,d as b};

package/dist/chunk-WOIOR7OF.mjs

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

package/dist/chunk-WYKLWMH4.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var l="",d= exports.b =_utils.tv.call(void 0, {base:["z-0","cursor-pointer","shrink-0","group","relative","inline-flex","items-center","justify-center","box-border","appearance-none","outline-none","select-none","whitespace-nowrap","min-w-max","font-medium","tap-highlight-transparent","transition-transform","focus-visible:ring-2 focus-visible:ring-primary","ui-disabled:cursor-not-allowed ui-disabled:opacity-60","text-transform-inherit"],variants:{color:{default:"",primary:"",secondary:"",success:"",warning:"",danger:""},variant:{solid:"",bordered:"border-2 bg-transparent",light:"",text:"",flat:""},size:{xs:"size-6 rounded",sm:"size-8 min-w-8 rounded-lg",md:"size-10 min-w-10 rounded-xl",lg:"size-12 min-w-12 rounded-2xl"},disableAnimation:{true:"!transition-none",false:"data-[pressed=true]:scale-[0.97]"},radius:_utils.radiusBaseVariant},compoundVariants:[..._utils.allVariants.flatMap(a=>_utils.allColors.map(r=>({variant:a,color:r,className:_utils.colorVariants[a][r]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1}});exports.a = l; exports.b = d;

package/dist/chunk-WZJPBIYC.mjs

@@ -0,0 +1 @@
+import{b as a}from"./chunk-P52JHGTV.mjs";import{useCallback as m,useId as I,useMemo as B}from"react";import{cn as f,dataAttrDev as g,mapPropsVariants as D}from"@jamsrui/utils";var C=u=>{let[d,b]=D(u,a.variantKeys),{type:r="button",label:e,isDisabled:P,isLoading:s,disabled:y,className:n,...i}=d,p=a(b),t=I(),o=P??s??y,l=m(()=>({...i,"data-component":g("icon-button"),className:f(p,n),"aria-label":e,"aria-labelledby":t,type:r,disabled:o,"data-disabled":o,"aria-disabled":o}),[n,t,o,e,i,p,r]),c=m(()=>({"aria-hidden":!0,id:t,className:"sr-only"}),[t]);return B(()=>({getButtonProps:l,getLabelProps:c,isLoading:s,isDisabled:o}),[l,c,o,s])};export{C as a};

package/dist/chunk-XQYFQDZA.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 _chunkWYKLWMH4js = require('./chunk-WYKLWMH4.js');var _react = require('react');var _utils = require('@jamsrui/utils');var C=u=>{let[d,b]=_utils.mapPropsVariants.call(void 0, u,_chunkWYKLWMH4js.b.variantKeys),{type:r="button",label:e,isDisabled:P,isLoading:s,disabled:y,className:n,...i}=d,p=_chunkWYKLWMH4js.b.call(void 0, b),t=_react.useId.call(void 0, ),o=_nullishCoalesce(_nullishCoalesce(P, () => (s)), () => (y)),l=_react.useCallback.call(void 0, ()=>({...i,"data-component":_utils.dataAttrDev.call(void 0, "icon-button"),className:_utils.cn.call(void 0, p,n),"aria-label":e,"aria-labelledby":t,type:r,disabled:o,"data-disabled":o,"aria-disabled":o}),[n,t,o,e,i,p,r]),c=_react.useCallback.call(void 0, ()=>({"aria-hidden":!0,id:t,className:"sr-only"}),[t]);return _react.useMemo.call(void 0, ()=>({getButtonProps:l,getLabelProps:c,isLoading:s,isDisabled:o}),[l,c,o,s])};exports.a = C;

package/dist/icon-button-DkTssJvE.d.ts

@@ -0,0 +1,25 @@
+import * as react from 'react';
+import { PropGetter, UIProps } from '@jamsrui/utils';
+import { IconButtonVariantProps } from './styles.js';
+
+declare const useIconButton: (props: useIconButton.Props) => {
+    getButtonProps: () => Partial<IconButton.Props>;
+    getLabelProps: PropGetter<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+    isLoading: boolean | undefined;
+    isDisabled: boolean | undefined;
+};
+declare namespace useIconButton {
+    interface Props extends IconButtonVariantProps, UIProps<"button"> {
+        label: string;
+        isDisabled?: boolean;
+        isLoading?: boolean;
+    }
+}
+
+declare const IconButton: (props: IconButton.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace IconButton {
+    interface Props extends useIconButton.Props {
+    }
+}
+
+export { IconButton as I, useIconButton as u };

package/dist/icon-button-TZJ8FKLc.d.mts

@@ -0,0 +1,25 @@
+import * as react from 'react';
+import { PropGetter, UIProps } from '@jamsrui/utils';
+import { IconButtonVariantProps } from './styles.mjs';
+
+declare const useIconButton: (props: useIconButton.Props) => {
+    getButtonProps: () => Partial<IconButton.Props>;
+    getLabelProps: PropGetter<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+    isLoading: boolean | undefined;
+    isDisabled: boolean | undefined;
+};
+declare namespace useIconButton {
+    interface Props extends IconButtonVariantProps, UIProps<"button"> {
+        label: string;
+        isDisabled?: boolean;
+        isLoading?: boolean;
+    }
+}
+
+declare const IconButton: (props: IconButton.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace IconButton {
+    interface Props extends useIconButton.Props {
+    }
+}
+
+export { IconButton as I, useIconButton as u };

package/dist/icon-button-config.d.mts

@@ -0,0 +1,21 @@
+import { I as IconButton } from './icon-button-TZJ8FKLc.mjs';
+import * as react from 'react';
+import { GlobalConfigProps } from '@jamsrui/core';
+import '@jamsrui/utils';
+import './styles.mjs';
+import 'tailwind-variants';
+
+declare const useIconButtonConfig: () => {
+    children?: React.ReactNode;
+};
+declare const IconButtonConfig: (props: {
+    children?: React.ReactNode;
+} & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace IconButtonConfig {
+    interface Props extends IconButton.Props, GlobalConfigProps<IconButton.Props> {
+    }
+}
+
+export { IconButtonConfig, useIconButtonConfig };

package/dist/icon-button-config.d.ts

@@ -0,0 +1,21 @@
+import { I as IconButton } from './icon-button-DkTssJvE.js';
+import * as react from 'react';
+import { GlobalConfigProps } from '@jamsrui/core';
+import '@jamsrui/utils';
+import './styles.js';
+import 'tailwind-variants';
+
+declare const useIconButtonConfig: () => {
+    children?: React.ReactNode;
+};
+declare const IconButtonConfig: (props: {
+    children?: React.ReactNode;
+} & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace IconButtonConfig {
+    interface Props extends IconButton.Props, GlobalConfigProps<IconButton.Props> {
+    }
+}
+
+export { IconButtonConfig, useIconButtonConfig };

package/dist/icon-button-config.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMGRF3OGEjs = require('./chunk-MGRF3OGE.js');exports.IconButtonConfig = _chunkMGRF3OGEjs.a; exports.useIconButtonConfig = _chunkMGRF3OGEjs.b;

package/dist/icon-button-config.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-WOIOR7OF.mjs";export{a as IconButtonConfig,b as useIconButtonConfig};

package/dist/icon-button.d.mts

@@ -0,0 +1,5 @@
+import 'react';
+export { I as IconButton } from './icon-button-TZJ8FKLc.mjs';
+import '@jamsrui/utils';
+import './styles.mjs';
+import 'tailwind-variants';

package/dist/icon-button.d.ts

@@ -0,0 +1,5 @@
+import 'react';
+export { I as IconButton } from './icon-button-DkTssJvE.js';
+import '@jamsrui/utils';
+import './styles.js';
+import 'tailwind-variants';

package/dist/icon-button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk62KSEK2Ljs = require('./chunk-62KSEK2L.js');require('./chunk-XQYFQDZA.js');require('./chunk-WYKLWMH4.js');exports.IconButton = _chunk62KSEK2Ljs.a;

package/dist/icon-button.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-DU2XZ4KY.mjs";import"./chunk-WZJPBIYC.mjs";import"./chunk-P52JHGTV.mjs";export{a as IconButton};

package/dist/index.d.mts

@@ -0,0 +1,7 @@
+export { I as IconButton } from './icon-button-TZJ8FKLc.mjs';
+export { IconButtonConfig, useIconButtonConfig } from './icon-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 { I as IconButton } from './icon-button-DkTssJvE.js';
+export { IconButtonConfig, useIconButtonConfig } from './icon-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 _chunkMGRF3OGEjs = require('./chunk-MGRF3OGE.js');var _chunk62KSEK2Ljs = require('./chunk-62KSEK2L.js');require('./chunk-XQYFQDZA.js');require('./chunk-WYKLWMH4.js');exports.IconButton = _chunk62KSEK2Ljs.a; exports.IconButtonConfig = _chunkMGRF3OGEjs.a; exports.useIconButtonConfig = _chunkMGRF3OGEjs.b;

package/dist/index.mjs

@@ -0,0 +1 @@
+"use client";import{a as o,b as n}from"./chunk-WOIOR7OF.mjs";import{a as t}from"./chunk-DU2XZ4KY.mjs";import"./chunk-WZJPBIYC.mjs";import"./chunk-P52JHGTV.mjs";export{t as IconButton,o as IconButtonConfig,n as useIconButtonConfig};

package/dist/styles.d.mts

@@ -0,0 +1,116 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const test = "";
+declare const iconButtonVariants: 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;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: 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";
+    };
+}, 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;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: 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";
+    };
+}, 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;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: 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";
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type IconButtonVariantProps = VariantProps<typeof iconButtonVariants>;
+
+export { type IconButtonVariantProps, iconButtonVariants, test };

package/dist/styles.d.ts

@@ -0,0 +1,116 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const test = "";
+declare const iconButtonVariants: 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;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: 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";
+    };
+}, 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;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: 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";
+    };
+}, 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;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: 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";
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type IconButtonVariantProps = VariantProps<typeof iconButtonVariants>;
+
+export { type IconButtonVariantProps, iconButtonVariants, test };

package/dist/styles.js

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

package/dist/styles.mjs

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

package/dist/use-icon-button.d.mts

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

package/dist/use-icon-button.d.ts

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

package/dist/use-icon-button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkXQYFQDZAjs = require('./chunk-XQYFQDZA.js');require('./chunk-WYKLWMH4.js');exports.useIconButton = _chunkXQYFQDZAjs.a;

package/dist/use-icon-button.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-WZJPBIYC.mjs";import"./chunk-P52JHGTV.mjs";export{a as useIconButton};

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@jamsrui/icon-button",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "react": ">=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"
+  ]
+}