@jamsrui/button 0.0.4 → 0.0.5

package/dist/button-config.mjs

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

package/dist/button.mjs

@@ -1 +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};
+import{useRenderElement as c}from"@jamsrui/hooks";import{mergeConfigProps as d}from"@jamsrui/utils";import{useButtonConfig as f}from"./button-config";import{LoadingSpinner as P}from"./spinner";import{buttonVariant as l}from"./styles";import{useButton as B}from"./use-button";const L=t=>{const s=f(),o=d(l.defaultVariants,s,t),{size:i}=o,{getButtonProps:p,startContent:a,endContent:m,isLoading:n,spinner:e=React.createElement(P,{size:i==="xs"?14:20}),disableRipple:g,spinnerPlacement:r}=B(o),u=React.createElement(React.Fragment,null,n&&r==="start"?e:a,t.children,n&&r==="end"?e:m);return c("button",{props:[p({}),{children:u}]})};export{L as Button};

package/dist/index.mjs

@@ -1 +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};
+"use client";import{Button as n}from"./button";import{ButtonConfig as u,useButtonConfig as f}from"./button-config";export{n as Button,u as ButtonConfig,f as useButtonConfig};

package/dist/spinner.mjs

@@ -1 +1 @@
-import{a}from"./chunk-NLV7744X.mjs";export{a as LoadingSpinner};
+const e=r=>{const{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 LoadingSpinner};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-WUQOKAKL.mjs";export{b as buttonVariant,a as test};
+import{allColors as i,allVariants as r,colorVariants as s,radiusBaseVariant as e,tv as o}from"@jamsrui/utils";const 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{d as buttonVariant,n as test};

package/dist/use-button.mjs

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

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/button",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.4",
-    "@jamsrui/core": "^0.0.4",
-    "@jamsrui/utils": "^0.0.4"
+    "@jamsrui/core": "^0.0.5",
+    "@jamsrui/hooks": "^0.0.5",
+    "@jamsrui/utils": "^0.0.5"
   },
   "exports": {
     ".": {

package/dist/chunk-KSTOSIKK.mjs

@@ -1 +0,0 @@
-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-NLV7744X.mjs

@@ -1 +0,0 @@
-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-VQVHFE3C.mjs

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

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

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