@jamsrui/button 0.0.8 → 0.0.10

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.
@@ -8,7 +8,7 @@ declare const useButton: (props: useButton.Props) => {
8
8
  endContent: react.ReactNode;
9
9
  isLoading: boolean | undefined;
10
10
  spinner: react.ReactNode;
11
- spinnerPlacement: "end" | "start";
11
+ spinnerPlacement: "start" | "end";
12
12
  disableRipple: boolean | undefined;
13
13
  };
14
14
  declare namespace useButton {
@@ -1,10 +1,9 @@
1
- import { B as Button } from './button-Dm01AUgs.mjs';
1
+ import { B as Button } from './button-DLMZNlKx.mjs';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { GlobalConfigProps } from '@jamsrui/core';
4
4
  import 'react';
5
5
  import '@jamsrui/utils';
6
6
  import './styles.mjs';
7
- import 'tailwind-variants';
8
7
 
9
8
  declare const useButtonConfig: () => ButtonConfig.Props;
10
9
  declare const ButtonConfig: (props: Omit<Partial<ButtonConfig.Props>, "children"> & {
@@ -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,5 +1,4 @@
1
1
  import 'react';
2
- export { B as Button } from './button-Dm01AUgs.mjs';
2
+ export { B as Button } from './button-DLMZNlKx.mjs';
3
3
  import './styles.mjs';
4
4
  import '@jamsrui/utils';
5
- import 'tailwind-variants';
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-3C4WWVKY.mjs";import"./chunk-YO2JOETJ.mjs";import"./chunk-642ZKQLN.mjs";import"./chunk-JALTKKSE.mjs";import"./chunk-PCYVIQWA.mjs";export{a as Button};
@@ -0,0 +1 @@
1
+ import{b as s}from"./chunk-YO2JOETJ.mjs";import{a as i}from"./chunk-642ZKQLN.mjs";import{a}from"./chunk-JALTKKSE.mjs";import{a as p}from"./chunk-PCYVIQWA.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{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{a as e}from"./chunk-PCYVIQWA.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};
@@ -0,0 +1 @@
1
+ import{allColors as t,allVariants as r,colorVariants as s,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-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 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,8 +1,7 @@
1
- export { B as Button } from './button-Dm01AUgs.mjs';
1
+ export { B as Button } from './button-DLMZNlKx.mjs';
2
2
  export { ButtonConfig, useButtonConfig } from './button-config.mjs';
3
3
  import 'react';
4
4
  import '@jamsrui/utils';
5
5
  import './styles.mjs';
6
- import 'tailwind-variants';
7
6
  import 'react/jsx-runtime';
8
7
  import '@jamsrui/core';
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-3C4WWVKY.mjs";import{a as o,b as t}from"./chunk-YO2JOETJ.mjs";import"./chunk-642ZKQLN.mjs";import"./chunk-JALTKKSE.mjs";import"./chunk-PCYVIQWA.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.d.mts CHANGED
@@ -1,8 +1,7 @@
1
- import * as tailwind_variants from 'tailwind-variants';
1
+ import * as _jamsrui_utils from '@jamsrui/utils';
2
2
  import { VariantProps } from '@jamsrui/utils';
3
3
 
4
- declare const test = "";
5
- declare const buttonVariant: tailwind_variants.TVReturnType<{
4
+ declare const buttonVariant: _jamsrui_utils.TVReturnType<{
6
5
  color: {
7
6
  default: string;
8
7
  primary: string;
@@ -80,7 +79,7 @@ declare const buttonVariant: tailwind_variants.TVReturnType<{
80
79
  true: string;
81
80
  false: string;
82
81
  };
83
- }, undefined, tailwind_variants.TVReturnType<{
82
+ }, undefined, _jamsrui_utils.TVReturnType<{
84
83
  color: {
85
84
  default: string;
86
85
  primary: string;
@@ -122,4 +121,4 @@ declare const buttonVariant: tailwind_variants.TVReturnType<{
122
121
  }, undefined, string[], unknown, unknown, undefined>>;
123
122
  type ButtonVariantProps = VariantProps<typeof buttonVariant>;
124
123
 
125
- export { type ButtonVariantProps, buttonVariant, test };
124
+ export { type ButtonVariantProps, buttonVariant };
package/dist/styles.mjs CHANGED
@@ -1 +1 @@
1
- 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};
1
+ import{a}from"./chunk-PCYVIQWA.mjs";export{a as buttonVariant};
@@ -1,5 +1,4 @@
1
1
  import 'react';
2
2
  import '@jamsrui/utils';
3
- export { u as useButton } from './button-Dm01AUgs.mjs';
3
+ export { u as useButton } from './button-DLMZNlKx.mjs';
4
4
  import './styles.mjs';
5
- import 'tailwind-variants';
@@ -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-JALTKKSE.mjs";import"./chunk-PCYVIQWA.mjs";export{a as useButton};
package/package.json CHANGED
@@ -1,20 +1,19 @@
1
1
  {
2
2
  "name": "@jamsrui/button",
3
- "version": "0.0.8",
3
+ "version": "0.0.10",
4
4
  "peerDependencies": {
5
5
  "react": ">=19",
6
6
  "react-dom": ">=19"
7
7
  },
8
8
  "dependencies": {
9
- "@jamsrui/hooks": "^0.0.8",
10
- "@jamsrui/core": "^0.0.7",
11
- "@jamsrui/utils": "^0.0.8"
9
+ "@jamsrui/utils": "^0.0.10",
10
+ "@jamsrui/core": "^0.0.9",
11
+ "@jamsrui/hooks": "^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.",