@jamsrui/button 0.0.18 → 0.0.20

package/dist/button.mjs

@@ -1 +1 @@
-"use client";import{jsx as f}from"react/jsx-runtime";import{useRenderElement as p}from"@jamsrui/hooks";import{mergeConfigProps as u}from"@jamsrui/utils";import{useButtonConfig as i}from"./button-config.mjs";import{buttonVariant as m}from"./styles.mjs";import{useButton as a}from"./use-button.mjs";import{ButtonContext as c}from"./button-context.mjs";const V=t=>{const n=i(),r=u(m.defaultVariants,n,t),o=a(r),{getButtonProps:e}=o,s=p("button",{props:[e({}),{children:t.children}]});return f(c,{value:o,children:s})};export{V as ButtonRoot};
+"use client";import{jsx as f}from"react/jsx-runtime";import{useRenderElement as p}from"@jamsrui/hooks";import{mergeConfigProps as u}from"@jamsrui/utils";import{useButtonConfig as i}from"./button-config.mjs";import{ButtonContext as m}from"./button-context.mjs";import{buttonVariant as a}from"./styles.mjs";import{useButton as c}from"./use-button.mjs";const V=t=>{const n=i(),r=u(a.defaultVariants,n,t),o=c(r),{getButtonProps:e}=o,s=p("button",{props:[e({}),{children:t.children}]});return f(m,{value:o,children:s})};export{V as ButtonRoot};

package/dist/spinner.mjs

@@ -1 +1 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";const o=e=>{const{size:r=20}=e;return t("svg",{fill:"currentColor",height:r,viewBox:"0 0 24 24",width:r,xmlns:"http://www.w3.org/2000/svg",children:i("g",{children:[t("rect",{height:5,opacity:".14",width:2,x:11,y:1}),t("rect",{height:5,opacity:".29",transform:"rotate(30 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".43",transform:"rotate(60 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".57",transform:"rotate(90 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".71",transform:"rotate(120 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".86",transform:"rotate(150 12 12)",width:2,x:11,y:1}),t("rect",{height:5,transform:"rotate(180 12 12)",width:2,x:11,y:1}),t("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{o as LoadingSpinner};
+"use client";import{jsx as t,jsxs as i}from"react/jsx-runtime";const o=r=>{const{size:e=20}=r;return t("svg",{fill:"currentColor",height:e,viewBox:"0 0 24 24",width:e,xmlns:"http://www.w3.org/2000/svg",children:i("g",{children:[t("rect",{height:5,opacity:".14",width:2,x:11,y:1}),t("rect",{height:5,opacity:".29",transform:"rotate(30 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".43",transform:"rotate(60 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".57",transform:"rotate(90 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".71",transform:"rotate(120 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".86",transform:"rotate(150 12 12)",width:2,x:11,y:1}),t("rect",{height:5,transform:"rotate(180 12 12)",width:2,x:11,y:1}),t("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{o as LoadingSpinner};

package/dist/styles.mjs

@@ -1 +1 @@
-import{allColors as i,allVariants as s,colorVariants as e,radiusBaseVariant as n,tv as o}from"@jamsrui/utils";const l=o({base:["button relative inline-flex py-2 px-4 rounded-full justify-center items-center gap-2 shrink-0","disabled:cursor-not-allowed disabled:opacity-70","focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2"],variants:{color:{default:"button--default",primary:"button--primary",secondary:"button--secondary",success:"button--success",warning:"button--warning",danger:"button--danger"},variant:{solid:"button--solid ring-1 ring-inset",bordered:"button--bordered border",light:"button--light",text:"button--text",flat:"button--flat"},isFullWidth:{true:"w-full"},size:{xs:"button--xs px-2 py-1 text-xs",sm:"button--sm min-w-16 gap-1 px-3 py-1.5 text-xs",md:"button--md min-w-20 gap-2 px-4 py-1.5 text-sm",lg:"button--lg min-w-30 gap-2 px-5 py-1.5 text-base"},radius:n,disableAnimation:{true:"",false:"transition-[scale] duration-300 data-pressed:scale-98"}},compoundVariants:[...s.flatMap(t=>i.map(a=>({variant:t,color:a,className:e[t][a]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1,isFullWidth:!1}});export{l as buttonVariant};
+import{allColors as i,allVariants as s,colorVariants as e,radiusBaseVariant as n,tv as o}from"@jamsrui/utils";const l=o({base:["button cursor-default relative inline-flex py-2 px-4 rounded-full justify-center items-center gap-2 shrink-0","disabled:cursor-not-allowed disabled:opacity-70","focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2"],variants:{color:{default:"button--default",primary:"button--primary",secondary:"button--secondary",success:"button--success",warning:"button--warning",danger:"button--danger"},variant:{solid:"button--solid ring-1 ring-inset",bordered:"button--bordered border",light:"button--light",text:"button--text",flat:"button--flat"},isFullWidth:{true:"w-full"},size:{xs:"button--xs px-2 py-1 text-xs",sm:"button--sm min-w-16 gap-1 px-3 py-1.5 text-xs",md:"button--md min-w-20 gap-2 px-4 py-1.5 text-sm",lg:"button--lg min-w-30 gap-2 px-5 py-1.5 text-base"},radius:n,disableAnimation:{true:"",false:"transition-[scale] duration-300 data-pressed:scale-98"}},compoundVariants:[...s.flatMap(t=>i.map(a=>({variant:t,color:a,className:e[t][a]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1,isFullWidth:!1}});export{l as buttonVariant};

package/dist/use-button.mjs

@@ -1 +1 @@
-import{useCallback as R,useMemo as g}from"react";import{useHover as v,useMergeRefs as x,usePress as y}from"@jamsrui/hooks";import{cn as V,dataAttr as o,mapPropsVariants as h}from"@jamsrui/utils";import{buttonVariant as u}from"./styles.mjs";const K=d=>{const[f,c]=h(d,u.variantKeys),{disabled:l=!1,isLoading:t=!1,className:s,ref:P,...r}=f,e=l||t,a=u(c),{isHovered:n,ref:b}=v({isDisabled:e}),{isPressed:i,ref:B}=y({isDisabled:e}),p=x([P,b,B]),m=R(()=>({...r,ref:p,disabled:e,className:V(a,s),"data-loading":o(t),"data-pressed":o(i),"data-hover":o(n)}),[s,e,n,t,i,p,r,a]);return g(()=>({getButtonProps:m,isLoading:t}),[m,t])};export{K as useButton};
+"use client";import{useCallback as R,useMemo as g}from"react";import{useHover as v,useMergeRefs as x,usePress as y}from"@jamsrui/hooks";import{cn as V,dataAttr as o,mapPropsVariants as h}from"@jamsrui/utils";import{buttonVariant as m}from"./styles.mjs";const K=d=>{const[f,c]=h(d,m.variantKeys),{disabled:l=!1,isLoading:e=!1,className:s,ref:P,...r}=f,t=l||e,a=m(c),{isHovered:n,ref:b}=v({isDisabled:t}),{isPressed:i,ref:B}=y({isDisabled:t}),p=x([P,b,B]),u=R(()=>({...r,ref:p,disabled:t,className:V(a,s),"data-loading":o(e),"data-pressed":o(i),"data-hover":o(n)}),[s,t,n,e,i,p,r,a]);return g(()=>({getButtonProps:u,isLoading:e}),[u,e])};export{K as useButton};

package/package.json

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