@jamsrui/button 0.0.13 → 0.0.15

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.
@@ -1 +1 @@
1
- "use client";import{a,b}from"./chunk-QZBNCXZE.mjs";export{a as ButtonConfig,b as useButtonConfig};
1
+ "use client";import{createConfigContext as o}from"@jamsrui/utils";const[n,e]=o({displayName:"ButtonConfigContext"});export{n as ButtonConfig,e as useButtonConfig};
@@ -1 +1 @@
1
- "use client";import{a,b}from"./chunk-4TJWEI2G.mjs";export{a as ButtonContext,b as useButtonContext};
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};
@@ -1 +1 @@
1
- "use client";import{a}from"./chunk-L6DTYPN7.mjs";import"./chunk-4TJWEI2G.mjs";import"./chunk-642ZKQLN.mjs";export{a as ButtonLoading};
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.mjs CHANGED
@@ -1 +1 @@
1
- "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};
1
+ "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.mjs CHANGED
@@ -1 +1 @@
1
- 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};
1
+ 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 CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-642ZKQLN.mjs";export{a as LoadingSpinner};
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};
package/dist/styles.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-JWKZTEGE.mjs";export{a as buttonVariant};
1
+ 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};
@@ -1 +1 @@
1
- import{a}from"./chunk-3STIKIU2.mjs";import"./chunk-JWKZTEGE.mjs";export{a as useButton};
1
+ 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 CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@jamsrui/button",
3
- "version": "0.0.13",
3
+ "version": "0.0.15",
4
4
  "peerDependencies": {
5
5
  "react": ">=19",
6
6
  "react-dom": ">=19"
7
7
  },
8
8
  "dependencies": {
9
- "@jamsrui/utils": "^0.0.13",
10
- "@jamsrui/hooks": "^0.0.13",
11
- "@jamsrui/core": "^0.0.11"
9
+ "@jamsrui/hooks": "^0.0.15",
10
+ "@jamsrui/core": "^0.0.13",
11
+ "@jamsrui/utils": "^0.0.15"
12
12
  },
13
13
  "exports": {
14
14
  ".": {
@@ -1 +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};
@@ -1 +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};
@@ -1 +0,0 @@
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};
@@ -1 +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};
@@ -1 +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};
@@ -1 +0,0 @@
1
- import{createConfigContext as o}from"@jamsrui/utils";var[n,e]=o({displayName:"ButtonConfigContext"});export{n as a,e as b};
@@ -1 +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};