@jamsrui/button 0.0.17 → 0.0.19

package/dist/button-config.d.mts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { GlobalConfigProps } from '@jamsrui/core';
+import { WithGlobalConfig } from '@jamsrui/core';
 import { B as ButtonRoot } from './button-BmD5-D8o.mjs';
+import { ButtonLoading } from './button-loading.mjs';
 import '@jamsrui/utils';
 import './styles.mjs';
 
@@ -10,7 +11,10 @@ declare const ButtonConfig: (props: Omit<Partial<ButtonConfig.Props>, "children"
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare namespace ButtonConfig {
-    interface Props extends ButtonRoot.Props, GlobalConfigProps<ButtonRoot.Props> {
+    interface Props extends WithGlobalConfig<ButtonRoot.Props> {
+        slots?: {
+            loading?: React.JSXElementConstructor<ButtonLoading.Props>;
+        };
     }
 }
 

package/dist/button-config.mjs

@@ -1 +1 @@
-"use client";import{createConfigContext as o}from"@jamsrui/utils";const[n,e]=o({displayName:"ButtonConfigContext"});export{n as ButtonConfig,e as useButtonConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[i,r]=o({displayName:"ButtonConfigContext"});export{i as ButtonConfig,r as useButtonConfig};

package/dist/button-loading.mjs

@@ -1 +1 @@
-"use client";import{jsx as o}from"react/jsx-runtime";import{useButtonContext as a}from"./button-context.mjs";import{LoadingSpinner as i}from"./spinner.mjs";const p=t=>{const{children:e=o(i,{})}=t,{isLoading:n}=a();return o("span",{className:n?"":"hidden",children:n?e:null})};export{p as ButtonLoading};
+"use client";import{jsx as n}from"react/jsx-runtime";import{useButtonConfig as r}from"./button-config.mjs";import{useButtonContext as a}from"./button-context.mjs";import{LoadingSpinner as s}from"./spinner.mjs";const u=o=>{const{children:i=n(s,{})}=o,{isLoading:t}=a(),{slots:e}=r();return e?.loading?n(e.loading,{...o}):n("span",{className:t?"":"hidden",children:t?i:null})};export{u as ButtonLoading};

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/index.d.mts

@@ -1,19 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { B as ButtonRoot } from './button-BmD5-D8o.mjs';
 import { ButtonConfig } from './button-config.mjs';
 export { useButtonConfig } from './button-config.mjs';
-export { ButtonContext } from './button-context.mjs';
+export { ButtonContext, useButtonContext } from './button-context.mjs';
 import { ButtonLoading } from './button-loading.mjs';
 export { ButtonVariantProps, buttonVariant } from './styles.mjs';
-import 'react/jsx-runtime';
 import '@jamsrui/utils';
 import '@jamsrui/core';
 import 'react';
 
-interface Button {
-    (props: ButtonRoot.Props): React.ReactNode;
-    Loading: typeof ButtonLoading;
-}
-declare const Button: Button;
+declare const Button: ((props: ButtonRoot.Props) => react_jsx_runtime.JSX.Element) & {
+    Loading: (props: ButtonLoading.Props) => react_jsx_runtime.JSX.Element;
+};
 declare namespace Button {
     interface Props extends ButtonRoot.Props {
     }

package/dist/index.mjs

@@ -1 +1 @@
-import{ButtonRoot as o}from"./button.mjs";import{ButtonConfig as n,useButtonConfig as r}from"./button-config.mjs";import{ButtonContext as e}from"./button-context.mjs";import{ButtonLoading as t}from"./button-loading.mjs";import{buttonVariant as p}from"./styles.mjs";const m=Object.assign(o,{Loading:t});export{m as Button,n as ButtonConfig,e as ButtonContext,t as ButtonLoading,p as buttonVariant,r as useButtonConfig};
+import{ButtonRoot as o}from"./button.mjs";import{ButtonConfig as n,useButtonConfig as r}from"./button-config.mjs";import{ButtonContext as e,useButtonContext as i}from"./button-context.mjs";import{ButtonLoading as t}from"./button-loading.mjs";import{buttonVariant as p}from"./styles.mjs";const x=Object.assign(o,{Loading:t});export{x as Button,n as ButtonConfig,e as ButtonContext,t as ButtonLoading,p as buttonVariant,r as useButtonConfig,i as useButtonContext};

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","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:"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.17",
+  "version": "0.0.19",
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.15",
-    "@jamsrui/core": "^0.0.13",
-    "@jamsrui/utils": "^0.0.15"
+    "@jamsrui/utils": "^0.0.17",
+    "@jamsrui/core": "^0.0.14",
+    "@jamsrui/hooks": "^0.0.17"
   },
   "exports": {
     ".": {