@jamsrui/button 0.0.11 → 0.0.13

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-BuELWSi8.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{a,b}from"./chunk-QZBNCXZE.mjs";export{a as ButtonConfig,b 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{a,b}from"./chunk-4TJWEI2G.mjs";export{a as ButtonContext,b 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{a}from"./chunk-L6DTYPN7.mjs";import"./chunk-4TJWEI2G.mjs";import"./chunk-642ZKQLN.mjs";export{a as ButtonLoading};

package/dist/button.d.mts

@@ -1,4 +1,4 @@
-import 'react';
-export { B as Button } from './button-BuELWSi8.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-NM57UYEL.mjs";import"./chunk-YO2JOETJ.mjs";import"./chunk-642ZKQLN.mjs";import"./chunk-XDNNE4JZ.mjs";import"./chunk-SXZ2G2OH.mjs";export{a as Button};
+"use client";import{a}from"./chunk-S2ZGLMUU.mjs";import"./chunk-QZBNCXZE.mjs";import"./chunk-4TJWEI2G.mjs";import"./chunk-3STIKIU2.mjs";import"./chunk-JWKZTEGE.mjs";export{a as ButtonRoot};

package/dist/chunk-3STIKIU2.mjs

@@ -0,0 +1 @@
+import{a as o}from"./chunk-JWKZTEGE.mjs";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 s,mapPropsVariants as h}from"@jamsrui/utils";var K=d=>{let[f,c]=h(d,o.variantKeys),{disabled:l=!1,isLoading:t=!1,className:r,ref:P,...a}=f,e=l||t,n=o(c),{isHovered:i,ref:b}=v({isDisabled:e}),{isPressed:p,ref:B}=y({isDisabled:e}),m=x([P,b,B]),u=R(()=>({...a,ref:m,disabled:e,className:V(n,r),"data-loading":s(t),"data-pressed":s(p),"data-hover":s(i)}),[r,e,i,t,p,m,a,n]);return g(()=>({getButtonProps:u,isLoading:t}),[u,t])};export{K as a};

package/dist/chunk-4TJWEI2G.mjs

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

package/dist/chunk-JWKZTEGE.mjs

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

@@ -0,0 +1 @@
+import{b as o}from"./chunk-4TJWEI2G.mjs";import{a as t}from"./chunk-642ZKQLN.mjs";import{jsx as e}from"react/jsx-runtime";var p=a=>{let{children:i=e(t,{})}=a,{isLoading:n}=o();return e("span",{className:n?"":"hidden",children:n?i:null})};export{p as a};

package/dist/chunk-QZBNCXZE.mjs

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

package/dist/chunk-S2ZGLMUU.mjs

@@ -0,0 +1 @@
+import{b as n}from"./chunk-QZBNCXZE.mjs";import{a as r}from"./chunk-4TJWEI2G.mjs";import{a as s}from"./chunk-3STIKIU2.mjs";import{a as e}from"./chunk-JWKZTEGE.mjs";import{useRenderElement as a}from"@jamsrui/hooks";import{mergeConfigProps as c}from"@jamsrui/utils";import{jsx as f}from"react/jsx-runtime";var V=t=>{let p=n(),u=c(e.defaultVariants,p,t),o=s(u),{getButtonProps:i}=o,m=a("button",{props:[i({}),{children:t.children}]});return f(r,{value:o,children:m})};export{V as a};

package/dist/index.d.mts

@@ -1,7 +1,18 @@
-export { B as Button } from './button-BuELWSi8.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-NM57UYEL.mjs";import{a as o,b as t}from"./chunk-YO2JOETJ.mjs";import"./chunk-642ZKQLN.mjs";import"./chunk-XDNNE4JZ.mjs";import"./chunk-SXZ2G2OH.mjs";export{n as Button,o as ButtonConfig,t as useButtonConfig};
+import{a as t}from"./chunk-L6DTYPN7.mjs";import{a as n}from"./chunk-S2ZGLMUU.mjs";import{a as o,b as i}from"./chunk-QZBNCXZE.mjs";import"./chunk-4TJWEI2G.mjs";import"./chunk-642ZKQLN.mjs";import"./chunk-3STIKIU2.mjs";import"./chunk-JWKZTEGE.mjs";var m=Object.assign(n,{Config:o,Loading:t});export{m as Button,o as ButtonConfig,i as useButtonConfig};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-SXZ2G2OH.mjs";export{a as buttonVariant};
+import{a}from"./chunk-JWKZTEGE.mjs";export{a as buttonVariant};

package/dist/use-button.d.mts

@@ -1,4 +1,4 @@
-import 'react';
 import '@jamsrui/utils';
-export { u as useButton } from './button-BuELWSi8.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-XDNNE4JZ.mjs";import"./chunk-SXZ2G2OH.mjs";export{a as useButton};
+import{a}from"./chunk-3STIKIU2.mjs";import"./chunk-JWKZTEGE.mjs";export{a as useButton};

package/package.json

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

package/dist/button-BuELWSi8.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: "end" | "start";
-    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-NM57UYEL.mjs

@@ -1 +0,0 @@
-import{b as s}from"./chunk-YO2JOETJ.mjs";import{a as i}from"./chunk-642ZKQLN.mjs";import{a}from"./chunk-XDNNE4JZ.mjs";import{a as p}from"./chunk-SXZ2G2OH.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-SXZ2G2OH.mjs

@@ -1 +0,0 @@
-import{allColors as s,allVariants as t,colorVariants as r,radiusBaseVariant as e,tv as o}from"@jamsrui/utils";var n=o({base:["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:"shadow-default",primary:"shadow-primary",secondary:"shadow-primary",success:"shadow-primary",warning:"shadow-primary",danger:"shadow-primary"},variant:{solid:"",bordered:"border",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-1.5 text-sm",lg:"min-w-30 gap-2 px-5 py-1.5 text-base"},radius:e,disableAnimation:{true:"",false:"transition-[scale] duration-300 data-pressed:scale-98"}},compoundVariants:[...t.flatMap(a=>s.map(i=>({variant:a,color:i,className:r[a][i]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1,isFullWidth:!1}});export{n as a};

package/dist/chunk-XDNNE4JZ.mjs

@@ -1 +0,0 @@
-import{a as s}from"./chunk-SXZ2G2OH.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-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};