@jamsrui/icon-button 0.0.9 → 0.0.11

package/dist/chunk-5BXYNIKP.mjs

@@ -0,0 +1 @@
+import{allColors as i,allVariants as t,colorVariants as e,radiusBaseVariant as n,tv as s}from"@jamsrui/utils";var d=s({base:["z-0","cursor-default","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 duration-300","focus-visible:ring-2 focus-visible:ring-primary","data-disabled:cursor-not-allowed data-disabled:opacity-60","text-transform-inherit"],variants:{color:{default:"",primary:"",secondary:"",success:"",warning:"",danger:""},variant:{solid:"",bordered:"border 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:scale-98"},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{d as a};

package/dist/chunk-67ROXZH3.mjs

@@ -0,0 +1 @@
+import{a as t}from"./chunk-BK47RZ6L.mjs";import{useRenderElement as p}from"@jamsrui/hooks";import{Fragment as d,jsx as u,jsxs as m}from"react/jsx-runtime";var I=o=>{let{children:n}=o,e=t(o),{getButtonProps:r,getLabelProps:s}=e,c=m(d,{children:[u("span",{...s({})}),n]});return p("button",{props:[r(),{children:c}]})};export{I as a};

package/dist/chunk-BK47RZ6L.mjs

@@ -0,0 +1 @@
+import{a as r}from"./chunk-5BXYNIKP.mjs";import{useCallback as b,useId as x,useMemo as R}from"react";import{useHover as V,useMergeRefs as h,usePress as C}from"@jamsrui/hooks";import{cn as L,dataAttr as e,dataAttrDev as N,mapPropsVariants as A}from"@jamsrui/utils";var k=P=>{let[f,y]=A(P,r.variantKeys),{type:a="button",label:G,isDisabled:I=!1,isLoading:t=!1,disabled:B=!1,className:n,ref:g,...i}=f,p=r(y),s=x(),o=I||t||B,{isHovered:l,ref:v}=V({isDisabled:o}),{isPressed:d,ref:D}=C({isDisabled:o}),c=h([g,v,D]),m=b(()=>({...i,ref:c,"data-component":N("icon-button"),className:L(p,n),"aria-labelledby":s,type:a,disabled:o,"data-disabled":e(o),"aria-disabled":e(o),"data-loading":e(t),"data-pressed":e(d),"data-hover":e(l)}),[n,s,o,l,t,d,c,i,p,a]),u=b(()=>({"aria-hidden":!0,id:s,className:"sr-only"}),[s]);return R(()=>({getButtonProps:m,getLabelProps:u,isLoading:t,isDisabled:o}),[m,u,o,t])};export{k as a};

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/{icon-button-TZJ8FKLc.d.mts → icon-button-CNSWjtbn.d.mts}

@@ -5,8 +5,8 @@ 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;
+    isLoading: boolean;
+    isDisabled: boolean;
 };
 declare namespace useIconButton {
     interface Props extends IconButtonVariantProps, UIProps<"button"> {

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

@@ -1,4 +1,4 @@
-import { I as IconButton } from './icon-button-TZJ8FKLc.mjs';
+import { I as IconButton } from './icon-button-CNSWjtbn.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
 import 'react';

package/dist/icon-button-config.mjs

@@ -1 +1 @@
-import{createConfigContext as o}from"@jamsrui/utils";const[n,r]=o({displayName:"IconButtonConfig"});export{n as IconButtonConfig,r as useIconButtonConfig};
+import{a,b}from"./chunk-WOIOR7OF.mjs";export{a as IconButtonConfig,b as useIconButtonConfig};

package/dist/icon-button.d.mts

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

package/dist/icon-button.mjs

@@ -1 +1 @@
-import{Fragment as d,jsx as u,jsxs as m}from"react/jsx-runtime";import{useRenderElement as c}from"@jamsrui/hooks";import{useIconButton as p}from"./use-icon-button";const I=o=>{const{children:t}=o,n=p(o),{getButtonProps:e,getLabelProps:r}=n,s=m(d,{children:[u("span",{...r({})}),t]});return c("button",{props:[e(),{children:s}]})};export{I as IconButton};
+import{a}from"./chunk-67ROXZH3.mjs";import"./chunk-BK47RZ6L.mjs";import"./chunk-5BXYNIKP.mjs";export{a as IconButton};

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { I as IconButton } from './icon-button-TZJ8FKLc.mjs';
+export { I as IconButton } from './icon-button-CNSWjtbn.mjs';
 export { IconButtonConfig, useIconButtonConfig } from './icon-button-config.mjs';
 import 'react';
 import '@jamsrui/utils';

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{IconButton as t}from"./icon-button";import{IconButtonConfig as u,useIconButtonConfig as c}from"./icon-button-config";export{t as IconButton,u as IconButtonConfig,c as useIconButtonConfig};
+"use client";import{a as o,b as n}from"./chunk-WOIOR7OF.mjs";import{a as t}from"./chunk-67ROXZH3.mjs";import"./chunk-BK47RZ6L.mjs";import"./chunk-5BXYNIKP.mjs";export{t as IconButton,o as IconButtonConfig,n as useIconButtonConfig};

package/dist/styles.mjs

@@ -1 +1 @@
-import{allColors as i,allVariants as e,colorVariants as n,radiusBaseVariant as t,tv as s}from"@jamsrui/utils";const l=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:t},compoundVariants:[...e.flatMap(a=>i.map(r=>({variant:a,color:r,className:n[a][r]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1}});export{l as iconButtonVariants};
+import{a}from"./chunk-5BXYNIKP.mjs";export{a as iconButtonVariants};

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

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

package/dist/use-icon-button.mjs

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

package/package.json

@@ -1,19 +1,18 @@
 {
   "name": "@jamsrui/icon-button",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.9",
-    "@jamsrui/core": "^0.0.8",
-    "@jamsrui/utils": "^0.0.9"
+    "@jamsrui/hooks": "^0.0.11",
+    "@jamsrui/utils": "^0.0.11",
+    "@jamsrui/core": "^0.0.10"
   },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.mjs"
     }
   },
   "description": "A modern and beautiful Next.js UI components library.",