@jamsrui/button 0.0.12 → 0.0.14

package/dist/button-BmD5-D8o.d.mts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropGetter, UIProps } from '@jamsrui/utils';
+import { ButtonVariantProps } from './styles.mjs';
+
+declare const useButton: (props: useButton.Props) => {
+    getButtonProps: PropGetter<ButtonRoot.Props>;
+    isLoading: boolean;
+};
+declare namespace useButton {
+    interface VariantProps extends ButtonRoot.VariantProps {
+    }
+    interface Props extends VariantProps, UIProps<"button"> {
+        /**
+         * If `true`, the button will show a spinner and be non-interactive.
+         * Useful for indicating a loading state during async operations.
+         */
+        isLoading?: boolean;
+        /**
+         * If `true`, disables all animations on the button.
+         * Useful for performance-sensitive environments or reduced motion settings.
+         */
+        disableAnimation?: boolean;
+    }
+}
+
+declare const ButtonRoot: (props: ButtonRoot.Props) => react_jsx_runtime.JSX.Element;
+declare namespace ButtonRoot {
+    interface VariantProps extends ButtonVariantProps {
+    }
+    interface Props extends useButton.Props {
+    }
+}
+
+export { ButtonRoot as B, useButton as u };

package/dist/button-config.d.mts

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

package/dist/button-config.mjs

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

package/dist/button-context.d.mts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { u as useButton } from './button-BmD5-D8o.mjs';
+import 'react/jsx-runtime';
+import '@jamsrui/utils';
+import './styles.mjs';
+
+declare const useButtonContext: () => ButtonContext.Props;
+declare const ButtonContext: react.Context<ButtonContext.Props | null>;
+declare namespace ButtonContext {
+    interface Props extends ReturnType<typeof useButton> {
+    }
+}
+
+export { ButtonContext, useButtonContext };

package/dist/button-context.mjs

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as o}from"react";const n=e(null),x=()=>{const t=o(n);if(!t)throw new Error("useButtonContext must be used within a ButtonContext");return t};export{n as ButtonContext,x as useButtonContext};

package/dist/button-loading.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const ButtonLoading: (props: ButtonLoading.Props) => react_jsx_runtime.JSX.Element;
+declare namespace ButtonLoading {
+    interface Props {
+        children?: React.ReactNode;
+    }
+}
+
+export { ButtonLoading };

package/dist/button-loading.mjs

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

package/dist/button.d.mts

@@ -1,4 +1,4 @@
-import 'react';
-export { B as Button } from './button-B-pIo-1o.mjs';
+import 'react/jsx-runtime';
+export { B as ButtonRoot } from './button-BmD5-D8o.mjs';
 import './styles.mjs';
 import '@jamsrui/utils';

package/dist/button.mjs

@@ -1 +1 @@
-import{a}from"./chunk-72WBLLXF.mjs";import"./chunk-YO2JOETJ.mjs";import"./chunk-642ZKQLN.mjs";import"./chunk-ESS3M7QC.mjs";import"./chunk-JWKZTEGE.mjs";export{a as Button};
+"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};

package/dist/index.d.mts

@@ -1,7 +1,18 @@
-export { B as Button } from './button-B-pIo-1o.mjs';
-export { ButtonConfig, useButtonConfig } from './button-config.mjs';
-import 'react';
+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';
+import { ButtonLoading } from './button-loading.mjs';
 import '@jamsrui/utils';
 import './styles.mjs';
-import 'react/jsx-runtime';
 import '@jamsrui/core';
+
+declare const Button: ((props: ButtonRoot.Props) => react_jsx_runtime.JSX.Element) & {
+    Config: (props: Omit<Partial<ButtonConfig.Props>, "children"> & {
+        merge?: boolean;
+        children: React.ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    Loading: (props: ButtonLoading.Props) => react_jsx_runtime.JSX.Element;
+};
+
+export { Button, ButtonConfig };

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as n}from"./chunk-72WBLLXF.mjs";import{a as o,b as t}from"./chunk-YO2JOETJ.mjs";import"./chunk-642ZKQLN.mjs";import"./chunk-ESS3M7QC.mjs";import"./chunk-JWKZTEGE.mjs";export{n as Button,o as ButtonConfig,t as useButtonConfig};
+import{ButtonRoot as o}from"./button.mjs";import{ButtonConfig as t}from"./button-config.mjs";import{ButtonLoading as n}from"./button-loading.mjs";import{ButtonConfig as B,useButtonConfig as p}from"./button-config.mjs";const g=Object.assign(o,{Config:t,Loading:n});export{g as Button,B as ButtonConfig,p as useButtonConfig};

package/dist/spinner.mjs

@@ -1 +1 @@
-import{a}from"./chunk-642ZKQLN.mjs";export{a as LoadingSpinner};
+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};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-JWKZTEGE.mjs";export{a 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 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};

package/dist/use-button.d.mts

@@ -1,4 +1,4 @@
-import 'react';
 import '@jamsrui/utils';
-export { u as useButton } from './button-B-pIo-1o.mjs';
+export { u as useButton } from './button-BmD5-D8o.mjs';
+import 'react/jsx-runtime';
 import './styles.mjs';

package/dist/use-button.mjs

@@ -1 +1 @@
-import{a}from"./chunk-ESS3M7QC.mjs";import"./chunk-JWKZTEGE.mjs";export{a as useButton};
+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};

package/package.json

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

package/dist/button-B-pIo-1o.d.mts

@@ -1,68 +0,0 @@
-import * as react from 'react';
-import { PropGetter, UIProps } from '@jamsrui/utils';
-import { ButtonVariantProps } from './styles.mjs';
-
-declare const useButton: (props: useButton.Props) => {
-    getButtonProps: PropGetter<Button.Props>;
-    startContent: react.ReactNode;
-    endContent: react.ReactNode;
-    isLoading: boolean;
-    spinner: react.ReactNode;
-    spinnerPlacement: "start" | "end";
-    disableRipple: boolean | undefined;
-};
-declare namespace useButton {
-    interface VariantProps extends Button.VariantProps {
-    }
-    interface Props extends VariantProps, UIProps<"button"> {
-        /**
-         * If `true`, the button will show a spinner and be non-interactive.
-         * Useful for indicating a loading state during async operations.
-         */
-        isLoading?: boolean;
-        /**
-         * If `true`, the button will be disabled.
-         * Takes precedence over `isLoading`.
-         */
-        isDisabled?: boolean;
-        /**
-         * Element to be rendered at the **start** of the button content.
-         * Commonly used for icons or prepended text.
-         */
-        startContent?: React.ReactNode;
-        /**
-         * Element to be rendered at the **end** of the button content.
-         * Commonly used for icons or appended text.
-         */
-        endContent?: React.ReactNode;
-        /**
-         * Determines where the spinner appears when `isLoading` is true.
-         * Can be `"start"` or `"end"`. Defaults to `"start"`.
-         */
-        spinnerPlacement?: "start" | "end";
-        /**
-         * If `true`, disables the ripple effect on click.
-         * Recommended for a more minimal or static UI feel.
-         */
-        disableRipple?: boolean;
-        /**
-         * If `true`, disables all animations on the button.
-         * Useful for performance-sensitive environments or reduced motion settings.
-         */
-        disableAnimation?: boolean;
-        /**
-         * A custom spinner element to replace the default loading indicator.
-         */
-        spinner?: React.ReactNode;
-    }
-}
-
-declare const Button: (props: Button.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-declare namespace Button {
-    interface VariantProps extends ButtonVariantProps {
-    }
-    interface Props extends useButton.Props {
-    }
-}
-
-export { Button as B, useButton as u };

package/dist/chunk-642ZKQLN.mjs

@@ -1 +0,0 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";var o=e=>{let{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 a};

package/dist/chunk-72WBLLXF.mjs

@@ -1 +0,0 @@
-import{b as s}from"./chunk-YO2JOETJ.mjs";import{a as i}from"./chunk-642ZKQLN.mjs";import{a}from"./chunk-ESS3M7QC.mjs";import{a as p}from"./chunk-JWKZTEGE.mjs";import{useRenderElement as l}from"@jamsrui/hooks";import{mergeConfigProps as B}from"@jamsrui/utils";import{Fragment as x,jsx as g,jsxs as b}from"react/jsx-runtime";var S=t=>{let m=s(),o=B(p.defaultVariants,m,t),{size:u}=o,{getButtonProps:c,startContent:d,endContent:f,isLoading:n,spinner:e=g(i,{size:u==="xs"?14:20}),disableRipple:C,spinnerPlacement:r}=a(o),P=b(x,{children:[n&&r==="start"?e:d,t.children,n&&r==="end"?e:f]});return l("button",{props:[c({}),{children:P}]})};export{S as a};

package/dist/chunk-ESS3M7QC.mjs

@@ -1 +0,0 @@
-import{a as s}from"./chunk-JWKZTEGE.mjs";import{useCallback as N,useMemo as V}from"react";import{useHover as D,useMergeRefs as h,usePress as A}from"@jamsrui/hooks";import{cn as G,dataAttr as o,mapPropsVariants as H}from"@jamsrui/utils";var U=b=>{let[R,B]=H(b,s.variantKeys),{isDisabled:g=!1,disableRipple:r,endContent:a,spinner:n,spinnerPlacement:i="start",startContent:p,disabled:v=!1,isLoading:e=!1,className:d,ref:x,...l}=R,t=v||g||e,c=s(B),{isHovered:m,ref:y}=D({isDisabled:t}),{isPressed:u,ref:C}=A({isDisabled:t}),f=h([x,y,C]),P=N(()=>({...l,ref:f,disabled:t,className:G(c,d),"data-loading":o(e),"data-pressed":o(u),"data-hover":o(m)}),[d,t,m,e,u,f,l,c]);return V(()=>({getButtonProps:P,startContent:p,endContent:a,isLoading:e,spinner:n,spinnerPlacement:i,disableRipple:r}),[P,p,a,e,n,i,r])};export{U as a};

package/dist/chunk-JWKZTEGE.mjs

@@ -1 +0,0 @@
-import{allColors as i,allVariants as s,colorVariants as e,radiusBaseVariant as n,tv as o}from"@jamsrui/utils";var 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 a};

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};