@jamsrui/button 0.0.4 → 0.0.6

package/dist/button-config.d.mts

@@ -1,6 +1,7 @@
 import { B as Button } from './button-DLMZNlKx.mjs';
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
+import 'react';
 import '@jamsrui/utils';
 import './styles.mjs';
 import 'tailwind-variants';
@@ -8,7 +9,7 @@ import 'tailwind-variants';
 declare const useButtonConfig: () => ButtonConfig.Props;
 declare const ButtonConfig: (props: ButtonConfig.Props & {
     merge?: boolean;
-}) => react.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 declare namespace ButtonConfig {
     interface Props extends Button.Props, GlobalConfigProps<Button.Props> {
     }

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{Fragment as x,jsx as g,jsxs as b}from"react/jsx-runtime";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 S=t=>{const s=f(),o=d(l.defaultVariants,s,t),{size:i}=o,{getButtonProps:p,startContent:a,endContent:m,isLoading:n,spinner:e=g(P,{size:i==="xs"?14:20}),disableRipple:C,spinnerPlacement:r}=B(o),u=b(x,{children:[n&&r==="start"?e:a,t.children,n&&r==="end"?e:m]});return c("button",{props:[p({}),{children:u}]})};export{S as Button};

package/dist/index.d.mts

@@ -4,4 +4,5 @@ import 'react';
 import '@jamsrui/utils';
 import './styles.mjs';
 import 'tailwind-variants';
+import 'react/jsx-runtime';
 import '@jamsrui/core';

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

@@ -1,8 +1,8 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type Props = {
     size?: number;
 };
-declare const LoadingSpinner: (props: Props) => react.JSX.Element;
+declare const LoadingSpinner: (props: Props) => react_jsx_runtime.JSX.Element;
 
 export { LoadingSpinner };

package/dist/spinner.mjs

@@ -1 +1 @@
-import{a}from"./chunk-NLV7744X.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,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.6",
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.4",
-    "@jamsrui/core": "^0.0.4",
-    "@jamsrui/utils": "^0.0.4"
+    "@jamsrui/utils": "^0.0.6",
+    "@jamsrui/core": "^0.0.6",
+    "@jamsrui/hooks": "^0.0.6"
   },
   "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};