@sprocketui-react/button 1.0.1 → 1.0.3

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var L=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var tt=Object.prototype.hasOwnProperty;var et=(t,e)=>{for(var n in e)L(t,n,{get:e[n],enumerable:!0})},ot=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of Y(e))!tt.call(t,o)&&o!==n&&L(t,o,{get:()=>e[o],enumerable:!(s=Q(e,o))||s.enumerable});return t};var rt=t=>ot(L({},"__esModule",{value:!0}),t);var nt={};et(nt,{Button:()=>C,ButtonContext:()=>m,SprocketButton:()=>C,SprocketButtonContext:()=>m,useButton:()=>P,useButtonContext:()=>w,useSprocketButton:()=>P,useSprocketButtonContext:()=>w});module.exports=rt(nt);var p=require("@necto-react/hooks"),a=require("@necto/dom"),k=require("@necto/mergers"),_=require("@necto-react/helpers");var F=["rel","href","ping","target","download","hrefLang","referrerPolicy"],M=["id","form","name","value","formAction","formEncType","formMethod","formTarget","formNoValidate"];function O(t,e){return t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}function S({prefix:t=":sprocket:=",component:e,variant:n,state:s,unique:o,obscure:f}){if(!e)throw new Error("Component context is required!");let u=[t+O(e,!1)];return n&&u.push(O(n,!1)),Array.isArray(s)&&s.length&&u.push(...s.map(l=>O(l,!1))),o&&u.push(Math.random().toString(36).slice(2,8)),f&&u.push(Math.random().toString(36).slice(2,16)),u.join("--")}var H=a.HTMLElements.Button;function P(t,e){let{rel:n,href:s,target:o,autoFocus:f,focusDisabled:u,preventFocusOnPress:l,isDisabled:r=!1,type:R="button",as:x=H,elementType:i=x||H,onClick:c,onPress:y,onPressStart:T,onPressEnd:E,onPressUp:B,onPressChange:$}=t,g;i===a.HTMLElements.Button?g={type:R,disabled:r}:g={role:"button",href:i===a.HTMLElements.A&&!r?s:void 0,target:i===a.HTMLElements.A?o:void 0,type:i===a.HTMLElements.Input?R:void 0,disabled:i===a.HTMLElements.Input?r:void 0,"aria-disabled":!r||i===a.HTMLElements.Input?void 0:r,rel:i===a.HTMLElements.A?n:void 0};let{hoverProps:G,isHovered:W}=(0,p.useHover)({...t,isDisabled:r}),{focusProps:X,isFocused:q,isFocusVisible:z}=(0,p.useFocusRing)({autoFocus:f}),{focusableProps:A}=(0,p.useFocusable)(t,e),{pressProps:Z,isPressed:J}=(0,p.usePress)({ref:e,isDisabled:r,preventFocusOnPress:l,onPressStart:T,onPressEnd:E,onPressChange:$,onPress:y,onPressUp:B,onClick:c});u&&(A.tabIndex=r?-1:A.tabIndex);let K=(0,k.mergeProps)(A,Z,G,X,(0,_.filterDOMProps)(t,{allowLabelableProps:!0,allowedLabelableProps:new Set([]),allowedLinkProps:new Set(F),extraAllowedProps:new Set(M)}));return{isFocused:q,isPressed:J,isHovered:W,isDisabled:r,isFocusVisible:z,elementType:i,buttonProps:(0,k.mergeProps)(K,g)}}var v=require("react"),m=(0,v.createContext)(null);var N=require("react");function w(){return(0,N.useContext)(m)}var h=require("@necto/strings"),I=require("@necto/mergers"),b=require("react");var D=require("@necto-react/components");var d=require("@necto-react/hooks"),V=require("react/jsx-runtime"),j="Button";function U(t,e){[t,e]=(0,d.useContextProps)({props:t,ref:e,context:m});let{buttonProps:n,isHovered:s,isPressed:o,isFocused:f,isDisabled:u,elementType:l,isFocusVisible:r}=P(t,e),R=(0,d.useId)({defaultId:n.id}),x=(0,d.useRenderer)({...t,values:{isHovered:s,isPressed:o,isFocused:f,isFocusVisible:r,isDisabled:u},defaultClassName:S({component:j}),style:c=>({...t.style instanceof Function?t.style(c):t.style})}),i=(0,b.useMemo)(()=>{let c={hover:s,focus:f,focusVisible:r,disabled:u,pressed:o},y={},T=[];for(let[E,B]of Object.entries(c))typeof B=="boolean"&&(y[`data-${(0,h.kebabCase)(E)}`]=B?String(!0):void 0,B&&T.push((0,h.kebabCase)(E)));return{...y,"data-sprocket-state":T.join(" ")}},[s,f,r,u,o]);return(0,V.jsxs)(D.Primitive,{ref:e,as:l,...x,...(0,I.mergeProps)(n,i),id:R,slot:t.slot||void 0,children:["''",x.children]})}var C=Object.assign((0,b.forwardRef)((t,e)=>U(t,e)),{Root:(0,b.forwardRef)((t,e)=>U(t,e))});C.displayName=j;0&&(module.exports={Button,ButtonContext,SprocketButton,SprocketButtonContext,useButton,useButtonContext,useSprocketButton,useSprocketButtonContext});