@jamsrui/button 0.0.9 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,9 +6,9 @@ declare const useButton: (props: useButton.Props) => {
6
6
  getButtonProps: PropGetter<Button.Props>;
7
7
  startContent: react.ReactNode;
8
8
  endContent: react.ReactNode;
9
- isLoading: boolean | undefined;
9
+ isLoading: boolean;
10
10
  spinner: react.ReactNode;
11
- spinnerPlacement: "start" | "end";
11
+ spinnerPlacement: "end" | "start";
12
12
  disableRipple: boolean | undefined;
13
13
  };
14
14
  declare namespace useButton {
@@ -1,4 +1,4 @@
1
- import { B as Button } from './button-DLMZNlKx.mjs';
1
+ import { B as Button } from './button-BuELWSi8.mjs';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { GlobalConfigProps } from '@jamsrui/core';
4
4
  import 'react';
@@ -1 +1 @@
1
- import{createConfigContext as o}from"@jamsrui/utils";const[n,r]=o({displayName:"ButtonConfigContext"});export{n as ButtonConfig,r as useButtonConfig};
1
+ import{a,b}from"./chunk-YO2JOETJ.mjs";export{a as ButtonConfig,b as useButtonConfig};
package/dist/button.d.mts CHANGED
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
- export { B as Button } from './button-DLMZNlKx.mjs';
2
+ export { B as Button } from './button-BuELWSi8.mjs';
3
3
  import './styles.mjs';
4
4
  import '@jamsrui/utils';
package/dist/button.mjs CHANGED
@@ -1 +1 @@
1
- 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};
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};
@@ -0,0 +1 @@
1
+ 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};
@@ -0,0 +1 @@
1
+ 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};
@@ -0,0 +1 @@
1
+ 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};
@@ -0,0 +1 @@
1
+ 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};
@@ -0,0 +1 @@
1
+ import{createConfigContext as o}from"@jamsrui/utils";var[n,r]=o({displayName:"ButtonConfigContext"});export{n as a,r as b};
package/dist/index.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- export { B as Button } from './button-DLMZNlKx.mjs';
1
+ export { B as Button } from './button-BuELWSi8.mjs';
2
2
  export { ButtonConfig, useButtonConfig } from './button-config.mjs';
3
3
  import 'react';
4
4
  import '@jamsrui/utils';
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- "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};
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};
package/dist/spinner.mjs CHANGED
@@ -1 +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};
1
+ import{a}from"./chunk-642ZKQLN.mjs";export{a as LoadingSpinner};
package/dist/styles.mjs CHANGED
@@ -1 +1 @@
1
- import{allColors as t,allVariants as r,colorVariants as s,radiusBaseVariant as e,tv as o}from"@jamsrui/utils";const 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-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=>t.map(i=>({variant:a,color:i,className:s[a][i]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1,isFullWidth:!1}});export{n as buttonVariant};
1
+ import{a}from"./chunk-SXZ2G2OH.mjs";export{a as buttonVariant};
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
2
  import '@jamsrui/utils';
3
- export { u as useButton } from './button-DLMZNlKx.mjs';
3
+ export { u as useButton } from './button-BuELWSi8.mjs';
4
4
  import './styles.mjs';
@@ -1 +1 @@
1
- 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};
1
+ import{a}from"./chunk-XDNNE4JZ.mjs";import"./chunk-SXZ2G2OH.mjs";export{a as useButton};
package/package.json CHANGED
@@ -1,20 +1,19 @@
1
1
  {
2
2
  "name": "@jamsrui/button",
3
- "version": "0.0.9",
3
+ "version": "0.0.11",
4
4
  "peerDependencies": {
5
5
  "react": ">=19",
6
6
  "react-dom": ">=19"
7
7
  },
8
8
  "dependencies": {
9
- "@jamsrui/utils": "^0.0.9",
10
- "@jamsrui/core": "^0.0.8",
11
- "@jamsrui/hooks": "^0.0.9"
9
+ "@jamsrui/utils": "^0.0.11",
10
+ "@jamsrui/hooks": "^0.0.11",
11
+ "@jamsrui/core": "^0.0.10"
12
12
  },
13
13
  "exports": {
14
14
  ".": {
15
15
  "types": "./dist/index.d.ts",
16
- "import": "./dist/index.mjs",
17
- "require": "./dist/index.js"
16
+ "import": "./dist/index.mjs"
18
17
  }
19
18
  },
20
19
  "description": "A modern and beautiful Next.js UI components library.",