@sprocketui-react/button 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Corinvo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/__tests__/button.test.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import '@testing-library/jest-dom';
+import { describe, it, expect } from 'vitest';
+import userEvent from '@testing-library/user-event';
+import { Button } from '../../src/components/Button/Button';
+import { render, screen, fireEvent } from '@testing-library/react';
+
+describe('Button Component - Data Attribute Tests', () => {
+  it('renders with default data attributes', () => {
+    render(<Button>Test Button</Button>);
+    const button = screen.getByRole('button');
+
+    expect(button).not.toHaveAttribute('data-disabled');
+    expect(button).not.toHaveAttribute('data-focus');
+    expect(button).not.toHaveAttribute('data-hover');
+    expect(button).toHaveAttribute('data-sprocket-state', '');
+  });
+
+  it('applies data-disabled attribute when disabled prop is true', () => {
+    render(<Button disabled>Test Button</Button>);
+    const button = screen.getByRole('button');
+
+    expect(button).toHaveAttribute('data-disabled', 'true');
+    expect(button).not.toHaveAttribute('data-focus');
+    expect(button).not.toHaveAttribute('data-hover');
+    expect(button).toHaveAttribute('data-sprocket-state', 'disabled');
+  });
+
+  it('applies data-hover attribute on mouseenter and removes on mouseleave', () => {
+    render(<Button>Test Button</Button>);
+    const button = screen.getByRole('button');
+
+    fireEvent.mouseEnter(button);
+    expect(button).toHaveAttribute('data-hover', 'true');
+    expect(button).not.toHaveAttribute('data-focus');
+    expect(button).not.toHaveAttribute('data-disabled');
+    expect(button).toHaveAttribute('data-sprocket-state', 'hover');
+
+    fireEvent.mouseLeave(button);
+    expect(button).not.toHaveAttribute('data-hover');
+    expect(button).not.toHaveAttribute('data-focus');
+    expect(button).not.toHaveAttribute('data-disabled');
+    expect(button).toHaveAttribute('data-sprocket-state', '');
+  });
+});

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) Corinvo, LLC. and affiliates. 
+ * 
+ * This source code is licensed under the MIT license found in the 
+ * LICENSE file in the root directory of this source tree.
+ * 
+ */
+
+import * as react from 'react';
+import { ElementType, ComponentPropsWithoutRef, RefObject, HTMLAttributes } from 'react';
+
+declare enum ButtonTypeValues {
+    Button = "button",
+    Submit = "submit",
+    Reset = "reset"
+}
+type ButtonTypes = `${ButtonTypeValues}`;
+
+declare const DEFAULT_BUTTON_TAG$1: "button";
+type ButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG$1> = ComponentPropsWithoutRef<TTag> & {
+    as?: TTag;
+    type?: ButtonTypes;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    slot?: Record<string, any>;
+};
+declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps<ElementType>, "ref"> & react.RefAttributes<"symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | react.ComponentClass<any, any> | react.FunctionComponent<any>>> & {
+    Root: react.ForwardRefExoticComponent<Omit<ButtonProps<ElementType>, "ref"> & react.RefAttributes<"symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | react.ComponentClass<any, any> | react.FunctionComponent<any>>>;
+};
+
+declare const DEFAULT_BUTTON_TAG: "button";
+interface UseButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> {
+    as?: TTag;
+    type?: ButtonTypes;
+    disabled?: boolean;
+    isDisabled?: boolean;
+    autoFocus?: boolean;
+    slot?: Record<string, any>;
+    elementType?: string;
+    preventFocusOnPress?: boolean;
+    allowFocusWhenDisabled?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick?: (e: any) => void;
+    onPress?: (e: any) => void;
+    onPressStart?: (e: any) => void;
+    onPressEnd?: (e: any) => void;
+    onPressUp?: (e: any) => void;
+    onPressChange?: (isPressed: boolean) => void;
+    [key: string]: any;
+}
+interface UseButtonResult<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> {
+    buttonProps: HTMLAttributes<HTMLElement>;
+    Tag: TTag;
+    combinedSlot: Record<string, any>;
+    isPressed: boolean;
+    isHovered: boolean;
+    isFocused: boolean;
+    isFocusVisible: boolean;
+    isDisabled: boolean;
+    id: string;
+}
+declare function useButton<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: UseButtonProps<TTag>, ref: RefObject<HTMLElement> | undefined): UseButtonResult<TTag>;
+
+export { Button, ButtonTypeValues, useButton };
+export type { ButtonTypes };

package/dist/index.es.js

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Corinvo, LLC. and affiliates. 
+ * 
+ * This source code is licensed under the MIT license found in the 
+ * LICENSE file in the root directory of this source tree.
+ * 
+ */
+
+import{jsx as e}from"react/jsx-runtime";import{kebabCase as o}from"@necto/strings";import{useFocusable as t}from"react-aria";import{mergeReactProps as s}from"@necto/props-merge";import{filterDOMProps as r}from"@necto-react/helpers";import{ANCHOR_ELEMENT_PROPS as i}from"@necto/constants";import{useMemo as n,forwardRef as a}from"react";import{useId as l,useDisabled as d,useFocusRing as p,useHover as u,usePress as c}from"@necto-react/hooks";var b,f=((b={}).Button="button",b.Submit="submit",b.Reset="reset",b);let m="button",P=f.Button;function v(e,a){let b,{as:f=m,elementType:v=f,disabled:h,isDisabled:g,autoFocus:S,slot:y={},preventFocusOnPress:F,allowFocusWhenDisabled:k,href:w,target:D,rel:j,type:x=P,onClick:B,onPress:C,onPressStart:O,onPressEnd:T,onPressUp:V,onPressChange:E,...H}=e,I=l(),N=d("general",h||g)||!1,{focusProps:R,isFocused:U,isFocusVisible:A}=p({autoFocus:S}),{isHovered:L,hoverProps:W}=u({...e,isDisabled:N}),{pressProps:$,isPressed:q}=c({onPressStart:O,onPressEnd:T,onPressChange:E,onPress:C,onPressUp:V,onClick:B,isDisabled:N,preventFocusOnPress:F,ref:a});b="button"===v?{type:x,disabled:N}:{role:"button",href:"a"!==v||N?void 0:w,target:"a"===v?D:void 0,type:"input"===v?x:void 0,disabled:"input"===v?N:void 0,"aria-disabled":N&&"input"!==v?N:void 0,rel:"a"===v?j:void 0};let{focusableProps:z}=t(e,a);k&&(z.tabIndex=N?-1:z.tabIndex);let G=n((()=>({...y,hover:L,focus:U,focusVisible:A,disabled:N,pressed:q})),[y,L,U,A,N,q]),J=n((()=>{let e={};for(let[t,s]of Object.entries(G))"boolean"==typeof s&&(e[`data-${o(t)}`]=s?"true":void 0);return e}),[G]),K=s(z,$,r(e,{includeLabelableProps:!0,labelablePropsSet:new Set([]),linkPropsSet:new Set(i),additionalAllowedProps:new Set(["id","className","style","data-*","aria-*"])})),M=n((()=>s({id:I,"data-sprocket-state":[L&&"hover",U&&"focus",q&&"pressed",N&&"disabled"].filter(Boolean).join(" ")||"",...J,disabled:N},b,K,R,W,"button"!==f&&f!==m?{role:"button"}:{type:x})),[L,U,q,N,J,b,K,R,W,f,x,I]);return{Tag:f,buttonProps:M,combinedSlot:G,isPressed:q,isHovered:L,isFocused:U,isFocusVisible:A,isDisabled:N,id:I}}function h(o,t){let{children:s,...r}=o,{buttonProps:i,Tag:n,combinedSlot:a}=v(r,t);return e(n,{ref:t,...i,children:"function"==typeof s?s(a):s})}let g=Object.assign(a(h),{Root:a(h)});g.displayName="Button";export{g as Button,v as useButton};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../src/types.ts","../src/hooks/useButton.ts","../src/components/Button.tsx"],"sourcesContent":["/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nexport enum ButtonTypeValues {\n  Button = 'button',\n  Submit = 'submit',\n  Reset = 'reset',\n};\nexport type ButtonTypes = `${ButtonTypeValues}`;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n'use client';\n\nimport { kebabCase } from \"@necto/strings\";\nimport { useFocusable } from \"react-aria\"; // Temp use, will be removed in later version\nimport { ButtonTypeValues } from \"../types\";\nimport { mergeReactProps } from \"@necto/props-merge\";\nimport { filterDOMProps } from \"@necto-react/helpers\";\nimport { ANCHOR_ELEMENT_PROPS } from \"@necto/constants\";\nimport { HTMLAttributes, ElementType, Ref, useMemo } from \"react\";\nimport { usePress, useHover, useDisabled, useFocusRing, useId } from '@necto-react/hooks';\n\nimport type { RefObject } from \"react\";\nimport type { ButtonTypes } from \"../types\";\nimport type { FocusableElement } from \"@necto-react/types\";\n\nconst DEFAULT_BUTTON_TAG = 'button' as const;\nconst DEFAULT_BUTTON_TYPE = ButtonTypeValues.Button as const;\n\nexport interface UseButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> {\n  as?: TTag;\n  type?: ButtonTypes;\n  disabled?: boolean;\n  isDisabled?: boolean;\n  autoFocus?: boolean;\n  slot?: Record<string, any>;\n  elementType?: string;\n  preventFocusOnPress?: boolean;\n  allowFocusWhenDisabled?: boolean;\n  href?: string;\n  target?: string;\n  rel?: string;\n  onClick?: (e: any) => void;\n  onPress?: (e: any) => void;\n  onPressStart?: (e: any) => void;\n  onPressEnd?: (e: any) => void;\n  onPressUp?: (e: any) => void;\n  onPressChange?: (isPressed: boolean) => void;\n  [key: string]: any;\n}\n\nexport interface UseButtonResult<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> {\n  buttonProps: HTMLAttributes<HTMLElement>;\n  Tag: TTag;\n  combinedSlot: Record<string, any>;\n  isPressed: boolean;\n  isHovered: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  id: string;\n}\n\nexport function useButton<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(\n  props: UseButtonProps<TTag>,\n  ref: RefObject<HTMLElement> | undefined\n): UseButtonResult<TTag> {\n  const {\n    as: Tag = DEFAULT_BUTTON_TAG as TTag,\n    elementType = Tag as string,\n    disabled: propDisabled,\n    isDisabled: propIsDisabled,\n    autoFocus,\n    slot = {},\n    preventFocusOnPress,\n    allowFocusWhenDisabled,\n    href,\n    target,\n    rel,\n    type = DEFAULT_BUTTON_TYPE,\n    onClick,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onPressUp,\n    onPressChange,\n    ...restProps\n  } = props;\n\n  const id = useId();\n  const isDisabled = useDisabled('general', propDisabled || propIsDisabled) || false;\n  const { focusProps, isFocused, isFocusVisible } = useFocusRing({ autoFocus });\n  const { isHovered, hoverProps } = useHover({ ...props, isDisabled });\n  const { pressProps, isPressed } = usePress({\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    onPress,\n    onPressUp,\n    onClick,\n    isDisabled,\n    preventFocusOnPress,\n    ref: ref as any // Temp type error remediation\n  });\n\n  // Additional props based on element type\n  let additionalProps;\n  if (elementType === 'button') {\n    additionalProps = {\n      type,\n      disabled: isDisabled\n    };\n  } else {\n    additionalProps = {\n      role: 'button',\n      href: elementType === 'a' && !isDisabled ? href : undefined,\n      target: elementType === 'a' ? target : undefined,\n      type: elementType === 'input' ? type : undefined,\n      disabled: elementType === 'input' ? isDisabled : undefined,\n      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,\n      rel: elementType === 'a' ? rel : undefined\n    };\n  }\n\n  // Handle focusable props\n  const { focusableProps } = useFocusable(props, ref as RefObject<FocusableElement>);\n  if (allowFocusWhenDisabled) {\n    focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;\n  }\n\n  // Combine slot props\n  const combinedSlot = useMemo(() => ({\n    ...slot,\n    hover: isHovered,\n    focus: isFocused,\n    focusVisible: isFocusVisible,\n    disabled: isDisabled,\n    pressed: isPressed\n  }), [slot, isHovered, isFocused, isFocusVisible, isDisabled, isPressed]);\n\n  // Generate data attributes\n  const dataAttributes = useMemo(() => {\n    const attributes: Record<string, string | undefined> = {};\n\n    for (const [key, value] of Object.entries(combinedSlot)) {\n      if (typeof value === 'boolean') {\n        attributes[`data-${kebabCase(key)}`] = value ? 'true' : undefined;\n      }\n    }\n\n    return attributes;\n  }, [combinedSlot]);\n\n  let baseButtonProps = mergeReactProps(focusableProps, pressProps, filterDOMProps(props, {\n    includeLabelableProps: true,\n    labelablePropsSet: new Set([ ]), // Keep this empty for now,\n    linkPropsSet: new Set(ANCHOR_ELEMENT_PROPS),\n    additionalAllowedProps: new Set(['id', 'className', 'style', 'data-*', 'aria-*'])\n  }));\n\n  const buttonProps = useMemo(() =>\n    mergeReactProps(\n      {\n        id,\n        'data-sprocket-state': [\n          isHovered && 'hover',\n          isFocused && 'focus',\n          isPressed && 'pressed',\n          isDisabled && 'disabled',\n        ]\n          .filter(Boolean)\n          .join(' ') || '',\n        ...dataAttributes,\n        disabled: isDisabled,\n      },\n      additionalProps,\n      baseButtonProps,\n      focusProps,\n      hoverProps,\n      Tag !== 'button' && Tag !== DEFAULT_BUTTON_TAG\n        ? { role: 'button' }\n        : { type: type as any }\n    ),\n    [isHovered, isFocused, isPressed, isDisabled, dataAttributes, additionalProps, baseButtonProps, focusProps, hoverProps, Tag, type, id]\n  );\n\n  return {\n    Tag,\n    buttonProps,\n    combinedSlot,\n    isPressed,\n    isHovered,\n    isFocused,\n    isFocusVisible,\n    isDisabled,\n    id\n  };\n}\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n'use client';\n\nimport { useButton } from '../hooks/useButton';\nimport { forwardRef, ElementType, ComponentPropsWithoutRef, Ref } from 'react';\n\nimport type { ButtonTypes } from \"../types\";\n\nconst BUTTON_NAME = 'Button' as const;\nconst DEFAULT_BUTTON_TAG = 'button' as const;\n\ntype ButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> = ComponentPropsWithoutRef<TTag> & {\n  as?: TTag;\n  type?: ButtonTypes;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  slot?: Record<string, any>;\n};\n\nfunction ButtonFn<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(\n  props: ButtonProps<TTag>,\n  ref: Ref<TTag>\n) {\n  const { children, ...restProps } = props;\n  const { buttonProps, Tag, combinedSlot } = useButton(restProps, ref as any);\n\n  return (\n    <Tag ref={ref} {...buttonProps}>\n      {typeof children === 'function' ? children(combinedSlot) : children}\n    </Tag>\n  );\n}\n\nconst Button = Object.assign(forwardRef(ButtonFn), { Root: forwardRef(ButtonFn) });\n\nButton.displayName = BUTTON_NAME;\n\nexport { Button };"],"names":["ButtonTypeValues","ButtonTypeValues1","DEFAULT_BUTTON_TAG","DEFAULT_BUTTON_TYPE","Button","useButton","props","ref","additionalProps","as","Tag","elementType","disabled","propDisabled","isDisabled","propIsDisabled","autoFocus","slot","preventFocusOnPress","allowFocusWhenDisabled","href","target","rel","type","onClick","onPress","onPressStart","onPressEnd","onPressUp","onPressChange","restProps","id","useId","useDisabled","focusProps","isFocused","isFocusVisible","useFocusRing","isHovered","hoverProps","useHover","pressProps","isPressed","usePress","role","undefined","focusableProps","useFocusable","tabIndex","combinedSlot","useMemo","hover","focus","focusVisible","pressed","dataAttributes","attributes","key","value","Object","entries","kebabCase","baseButtonProps","mergeReactProps","filterDOMProps","includeLabelableProps","labelablePropsSet","Set","linkPropsSet","ANCHOR_ELEMENT_PROPS","additionalAllowedProps","buttonProps","filter","Boolean","join","ButtonFn","children","_jsx","assign","forwardRef","Root","displayName"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Corinvo, LLC. and affiliates. 
+ * 
+ * This source code is licensed under the MIT license found in the 
+ * LICENSE file in the root directory of this source tree.
+ * 
+ */
+
+"use strict";var e,s=require("react/jsx-runtime"),t=require("@necto/strings"),o=require("react-aria"),r=require("@necto/props-merge"),i=require("@necto-react/helpers"),n=require("@necto/constants"),a=require("react"),u=require("@necto-react/hooks"),l=((e={}).Button="button",e.Submit="submit",e.Reset="reset",e);let d="button",c=l.Button;function b(e,s){let l,{as:b=d,elementType:p=b,disabled:P,isDisabled:f,autoFocus:v,slot:m={},preventFocusOnPress:g,allowFocusWhenDisabled:h,href:F,target:S,rel:y,type:R=c,onClick:q,onPress:w,onPressStart:D,onPressEnd:O,onPressUp:k,onPressChange:x,...B}=e,C=u.useId(),j=u.useDisabled("general",P||f)||!1,{focusProps:E,isFocused:M,isFocusVisible:H}=u.useFocusRing({autoFocus:v}),{isHovered:N,hoverProps:T}=u.useHover({...e,isDisabled:j}),{pressProps:I,isPressed:V}=u.usePress({onPressStart:D,onPressEnd:O,onPressChange:x,onPress:w,onPressUp:k,onClick:q,isDisabled:j,preventFocusOnPress:g,ref:s});l="button"===p?{type:R,disabled:j}:{role:"button",href:"a"!==p||j?void 0:F,target:"a"===p?S:void 0,type:"input"===p?R:void 0,disabled:"input"===p?j:void 0,"aria-disabled":j&&"input"!==p?j:void 0,rel:"a"===p?y:void 0};let{focusableProps:A}=o.useFocusable(e,s);h&&(A.tabIndex=j?-1:A.tabIndex);let L=a.useMemo((()=>({...m,hover:N,focus:M,focusVisible:H,disabled:j,pressed:V})),[m,N,M,H,j,V]),U=a.useMemo((()=>{let e={};for(let[s,o]of Object.entries(L))"boolean"==typeof o&&(e[`data-${t.kebabCase(s)}`]=o?"true":void 0);return e}),[L]),_=r.mergeReactProps(A,I,i.filterDOMProps(e,{includeLabelableProps:!0,labelablePropsSet:new Set([]),linkPropsSet:new Set(n.ANCHOR_ELEMENT_PROPS),additionalAllowedProps:new Set(["id","className","style","data-*","aria-*"])})),W=a.useMemo((()=>r.mergeReactProps({id:C,"data-sprocket-state":[N&&"hover",M&&"focus",V&&"pressed",j&&"disabled"].filter(Boolean).join(" ")||"",...U,disabled:j},l,_,E,T,"button"!==b&&b!==d?{role:"button"}:{type:R})),[N,M,V,j,U,l,_,E,T,b,R,C]);return{Tag:b,buttonProps:W,combinedSlot:L,isPressed:V,isHovered:N,isFocused:M,isFocusVisible:H,isDisabled:j,id:C}}function p(e,t){let{children:o,...r}=e,{buttonProps:i,Tag:n,combinedSlot:a}=b(r,t);return s.jsx(n,{ref:t,...i,children:"function"==typeof o?o(a):o})}let P=Object.assign(a.forwardRef(p),{Root:a.forwardRef(p)});P.displayName="Button",exports.Button=P,exports.useButton=b;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/types.ts","../src/hooks/useButton.ts","../src/components/Button.tsx"],"sourcesContent":["/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nexport enum ButtonTypeValues {\n  Button = 'button',\n  Submit = 'submit',\n  Reset = 'reset',\n};\nexport type ButtonTypes = `${ButtonTypeValues}`;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n'use client';\n\nimport { kebabCase } from \"@necto/strings\";\nimport { useFocusable } from \"react-aria\"; // Temp use, will be removed in later version\nimport { ButtonTypeValues } from \"../types\";\nimport { mergeReactProps } from \"@necto/props-merge\";\nimport { filterDOMProps } from \"@necto-react/helpers\";\nimport { ANCHOR_ELEMENT_PROPS } from \"@necto/constants\";\nimport { HTMLAttributes, ElementType, Ref, useMemo } from \"react\";\nimport { usePress, useHover, useDisabled, useFocusRing, useId } from '@necto-react/hooks';\n\nimport type { RefObject } from \"react\";\nimport type { ButtonTypes } from \"../types\";\nimport type { FocusableElement } from \"@necto-react/types\";\n\nconst DEFAULT_BUTTON_TAG = 'button' as const;\nconst DEFAULT_BUTTON_TYPE = ButtonTypeValues.Button as const;\n\nexport interface UseButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> {\n  as?: TTag;\n  type?: ButtonTypes;\n  disabled?: boolean;\n  isDisabled?: boolean;\n  autoFocus?: boolean;\n  slot?: Record<string, any>;\n  elementType?: string;\n  preventFocusOnPress?: boolean;\n  allowFocusWhenDisabled?: boolean;\n  href?: string;\n  target?: string;\n  rel?: string;\n  onClick?: (e: any) => void;\n  onPress?: (e: any) => void;\n  onPressStart?: (e: any) => void;\n  onPressEnd?: (e: any) => void;\n  onPressUp?: (e: any) => void;\n  onPressChange?: (isPressed: boolean) => void;\n  [key: string]: any;\n}\n\nexport interface UseButtonResult<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> {\n  buttonProps: HTMLAttributes<HTMLElement>;\n  Tag: TTag;\n  combinedSlot: Record<string, any>;\n  isPressed: boolean;\n  isHovered: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  id: string;\n}\n\nexport function useButton<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(\n  props: UseButtonProps<TTag>,\n  ref: RefObject<HTMLElement> | undefined\n): UseButtonResult<TTag> {\n  const {\n    as: Tag = DEFAULT_BUTTON_TAG as TTag,\n    elementType = Tag as string,\n    disabled: propDisabled,\n    isDisabled: propIsDisabled,\n    autoFocus,\n    slot = {},\n    preventFocusOnPress,\n    allowFocusWhenDisabled,\n    href,\n    target,\n    rel,\n    type = DEFAULT_BUTTON_TYPE,\n    onClick,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onPressUp,\n    onPressChange,\n    ...restProps\n  } = props;\n\n  const id = useId();\n  const isDisabled = useDisabled('general', propDisabled || propIsDisabled) || false;\n  const { focusProps, isFocused, isFocusVisible } = useFocusRing({ autoFocus });\n  const { isHovered, hoverProps } = useHover({ ...props, isDisabled });\n  const { pressProps, isPressed } = usePress({\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    onPress,\n    onPressUp,\n    onClick,\n    isDisabled,\n    preventFocusOnPress,\n    ref: ref as any // Temp type error remediation\n  });\n\n  // Additional props based on element type\n  let additionalProps;\n  if (elementType === 'button') {\n    additionalProps = {\n      type,\n      disabled: isDisabled\n    };\n  } else {\n    additionalProps = {\n      role: 'button',\n      href: elementType === 'a' && !isDisabled ? href : undefined,\n      target: elementType === 'a' ? target : undefined,\n      type: elementType === 'input' ? type : undefined,\n      disabled: elementType === 'input' ? isDisabled : undefined,\n      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,\n      rel: elementType === 'a' ? rel : undefined\n    };\n  }\n\n  // Handle focusable props\n  const { focusableProps } = useFocusable(props, ref as RefObject<FocusableElement>);\n  if (allowFocusWhenDisabled) {\n    focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;\n  }\n\n  // Combine slot props\n  const combinedSlot = useMemo(() => ({\n    ...slot,\n    hover: isHovered,\n    focus: isFocused,\n    focusVisible: isFocusVisible,\n    disabled: isDisabled,\n    pressed: isPressed\n  }), [slot, isHovered, isFocused, isFocusVisible, isDisabled, isPressed]);\n\n  // Generate data attributes\n  const dataAttributes = useMemo(() => {\n    const attributes: Record<string, string | undefined> = {};\n\n    for (const [key, value] of Object.entries(combinedSlot)) {\n      if (typeof value === 'boolean') {\n        attributes[`data-${kebabCase(key)}`] = value ? 'true' : undefined;\n      }\n    }\n\n    return attributes;\n  }, [combinedSlot]);\n\n  let baseButtonProps = mergeReactProps(focusableProps, pressProps, filterDOMProps(props, {\n    includeLabelableProps: true,\n    labelablePropsSet: new Set([ ]), // Keep this empty for now,\n    linkPropsSet: new Set(ANCHOR_ELEMENT_PROPS),\n    additionalAllowedProps: new Set(['id', 'className', 'style', 'data-*', 'aria-*'])\n  }));\n\n  const buttonProps = useMemo(() =>\n    mergeReactProps(\n      {\n        id,\n        'data-sprocket-state': [\n          isHovered && 'hover',\n          isFocused && 'focus',\n          isPressed && 'pressed',\n          isDisabled && 'disabled',\n        ]\n          .filter(Boolean)\n          .join(' ') || '',\n        ...dataAttributes,\n        disabled: isDisabled,\n      },\n      additionalProps,\n      baseButtonProps,\n      focusProps,\n      hoverProps,\n      Tag !== 'button' && Tag !== DEFAULT_BUTTON_TAG\n        ? { role: 'button' }\n        : { type: type as any }\n    ),\n    [isHovered, isFocused, isPressed, isDisabled, dataAttributes, additionalProps, baseButtonProps, focusProps, hoverProps, Tag, type, id]\n  );\n\n  return {\n    Tag,\n    buttonProps,\n    combinedSlot,\n    isPressed,\n    isHovered,\n    isFocused,\n    isFocusVisible,\n    isDisabled,\n    id\n  };\n}\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n'use client';\n\nimport { useButton } from '../hooks/useButton';\nimport { forwardRef, ElementType, ComponentPropsWithoutRef, Ref } from 'react';\n\nimport type { ButtonTypes } from \"../types\";\n\nconst BUTTON_NAME = 'Button' as const;\nconst DEFAULT_BUTTON_TAG = 'button' as const;\n\ntype ButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> = ComponentPropsWithoutRef<TTag> & {\n  as?: TTag;\n  type?: ButtonTypes;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  slot?: Record<string, any>;\n};\n\nfunction ButtonFn<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(\n  props: ButtonProps<TTag>,\n  ref: Ref<TTag>\n) {\n  const { children, ...restProps } = props;\n  const { buttonProps, Tag, combinedSlot } = useButton(restProps, ref as any);\n\n  return (\n    <Tag ref={ref} {...buttonProps}>\n      {typeof children === 'function' ? children(combinedSlot) : children}\n    </Tag>\n  );\n}\n\nconst Button = Object.assign(forwardRef(ButtonFn), { Root: forwardRef(ButtonFn) });\n\nButton.displayName = BUTTON_NAME;\n\nexport { Button };"],"names":["ButtonTypeValues","ButtonTypeValues1","DEFAULT_BUTTON_TAG","DEFAULT_BUTTON_TYPE","Button","useButton","props","ref","additionalProps","as","Tag","elementType","disabled","propDisabled","isDisabled","propIsDisabled","autoFocus","slot","preventFocusOnPress","allowFocusWhenDisabled","href","target","rel","type","onClick","onPress","onPressStart","onPressEnd","onPressUp","onPressChange","restProps","id","useId","useDisabled","focusProps","isFocused","isFocusVisible","useFocusRing","isHovered","hoverProps","useHover","pressProps","isPressed","usePress","role","undefined","focusableProps","useFocusable","tabIndex","combinedSlot","useMemo","hover","focus","focusVisible","pressed","dataAttributes","attributes","key","value","Object","entries","kebabCase","baseButtonProps","mergeReactProps","filterDOMProps","includeLabelableProps","labelablePropsSet","Set","linkPropsSet","ANCHOR_ELEMENT_PROPS","additionalAllowedProps","buttonProps","filter","Boolean","join","ButtonFn","children","_jsx","assign","forwardRef","Root","displayName"],"mappings":"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"}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@sprocketui-react/button",
+  "version": "1.0.0",
+  "description": "Sprocket's standalone React button component.",
+  "main": "./dist/index.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "engines": {
+    "node": ">=10"
+  },
+  "author": "Corinvo OSS Team",
+  "license": "MIT",
+  "dependencies": {
+    "@necto/strings": "^1.1.0",
+    "@react-aria/focus": "^3.20.2",
+    "react-aria": "^3.39.0",
+    "@necto/constants": "1.1.0",
+    "@necto-react/types": "2.0.0",
+    "@necto-react/hooks": "2.7.0",
+    "@necto-react/helpers": "2.1.0",
+    "@necto/props-merge": "1.1.0"
+  }
+}

package/src/components/Button.tsx

@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) Corinvo, LLC. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use client';
+
+import { useButton } from '../hooks/useButton';
+import { forwardRef, ElementType, ComponentPropsWithoutRef, Ref } from 'react';
+
+import type { ButtonTypes } from "../types";
+
+const BUTTON_NAME = 'Button' as const;
+const DEFAULT_BUTTON_TAG = 'button' as const;
+
+type ButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> = ComponentPropsWithoutRef<TTag> & {
+  as?: TTag;
+  type?: ButtonTypes;
+  disabled?: boolean;
+  autoFocus?: boolean;
+  slot?: Record<string, any>;
+};
+
+function ButtonFn<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(
+  props: ButtonProps<TTag>,
+  ref: Ref<TTag>
+) {
+  const { children, ...restProps } = props;
+  const { buttonProps, Tag, combinedSlot } = useButton(restProps, ref as any);
+
+  return (
+    <Tag ref={ref} {...buttonProps}>
+      {typeof children === 'function' ? children(combinedSlot) : children}
+    </Tag>
+  );
+}
+
+const Button = Object.assign(forwardRef(ButtonFn), { Root: forwardRef(ButtonFn) });
+
+Button.displayName = BUTTON_NAME;
+
+export { Button };

package/src/hooks/useButton.ts

@@ -0,0 +1,195 @@
+/**
+ * Copyright (c) Corinvo, LLC. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use client';
+
+import { kebabCase } from "@necto/strings";
+import { useFocusable } from "react-aria"; // Temp use, will be removed in later version
+import { ButtonTypeValues } from "../types";
+import { mergeReactProps } from "@necto/props-merge";
+import { filterDOMProps } from "@necto-react/helpers";
+import { ANCHOR_ELEMENT_PROPS } from "@necto/constants";
+import { HTMLAttributes, ElementType, Ref, useMemo } from "react";
+import { usePress, useHover, useDisabled, useFocusRing, useId } from '@necto-react/hooks';
+
+import type { RefObject } from "react";
+import type { ButtonTypes } from "../types";
+import type { FocusableElement } from "@necto-react/types";
+
+const DEFAULT_BUTTON_TAG = 'button' as const;
+const DEFAULT_BUTTON_TYPE = ButtonTypeValues.Button as const;
+
+export interface UseButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> {
+  as?: TTag;
+  type?: ButtonTypes;
+  disabled?: boolean;
+  isDisabled?: boolean;
+  autoFocus?: boolean;
+  slot?: Record<string, any>;
+  elementType?: string;
+  preventFocusOnPress?: boolean;
+  allowFocusWhenDisabled?: boolean;
+  href?: string;
+  target?: string;
+  rel?: string;
+  onClick?: (e: any) => void;
+  onPress?: (e: any) => void;
+  onPressStart?: (e: any) => void;
+  onPressEnd?: (e: any) => void;
+  onPressUp?: (e: any) => void;
+  onPressChange?: (isPressed: boolean) => void;
+  [key: string]: any;
+}
+
+export interface UseButtonResult<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> {
+  buttonProps: HTMLAttributes<HTMLElement>;
+  Tag: TTag;
+  combinedSlot: Record<string, any>;
+  isPressed: boolean;
+  isHovered: boolean;
+  isFocused: boolean;
+  isFocusVisible: boolean;
+  isDisabled: boolean;
+  id: string;
+}
+
+export function useButton<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(
+  props: UseButtonProps<TTag>,
+  ref: RefObject<HTMLElement> | undefined
+): UseButtonResult<TTag> {
+  const {
+    as: Tag = DEFAULT_BUTTON_TAG as TTag,
+    elementType = Tag as string,
+    disabled: propDisabled,
+    isDisabled: propIsDisabled,
+    autoFocus,
+    slot = {},
+    preventFocusOnPress,
+    allowFocusWhenDisabled,
+    href,
+    target,
+    rel,
+    type = DEFAULT_BUTTON_TYPE,
+    onClick,
+    onPress,
+    onPressStart,
+    onPressEnd,
+    onPressUp,
+    onPressChange,
+    ...restProps
+  } = props;
+
+  const id = useId();
+  const isDisabled = useDisabled('general', propDisabled || propIsDisabled) || false;
+  const { focusProps, isFocused, isFocusVisible } = useFocusRing({ autoFocus });
+  const { isHovered, hoverProps } = useHover({ ...props, isDisabled });
+  const { pressProps, isPressed } = usePress({
+    onPressStart,
+    onPressEnd,
+    onPressChange,
+    onPress,
+    onPressUp,
+    onClick,
+    isDisabled,
+    preventFocusOnPress,
+    ref: ref as any // Temp type error remediation
+  });
+
+  // Additional props based on element type
+  let additionalProps;
+  if (elementType === 'button') {
+    additionalProps = {
+      type,
+      disabled: isDisabled
+    };
+  } else {
+    additionalProps = {
+      role: 'button',
+      href: elementType === 'a' && !isDisabled ? href : undefined,
+      target: elementType === 'a' ? target : undefined,
+      type: elementType === 'input' ? type : undefined,
+      disabled: elementType === 'input' ? isDisabled : undefined,
+      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,
+      rel: elementType === 'a' ? rel : undefined
+    };
+  }
+
+  // Handle focusable props
+  const { focusableProps } = useFocusable(props, ref as RefObject<FocusableElement>);
+  if (allowFocusWhenDisabled) {
+    focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;
+  }
+
+  // Combine slot props
+  const combinedSlot = useMemo(() => ({
+    ...slot,
+    hover: isHovered,
+    focus: isFocused,
+    focusVisible: isFocusVisible,
+    disabled: isDisabled,
+    pressed: isPressed
+  }), [slot, isHovered, isFocused, isFocusVisible, isDisabled, isPressed]);
+
+  // Generate data attributes
+  const dataAttributes = useMemo(() => {
+    const attributes: Record<string, string | undefined> = {};
+
+    for (const [key, value] of Object.entries(combinedSlot)) {
+      if (typeof value === 'boolean') {
+        attributes[`data-${kebabCase(key)}`] = value ? 'true' : undefined;
+      }
+    }
+
+    return attributes;
+  }, [combinedSlot]);
+
+  let baseButtonProps = mergeReactProps(focusableProps, pressProps, filterDOMProps(props, {
+    includeLabelableProps: true,
+    labelablePropsSet: new Set([ ]), // Keep this empty for now,
+    linkPropsSet: new Set(ANCHOR_ELEMENT_PROPS),
+    additionalAllowedProps: new Set(['id', 'className', 'style', 'data-*', 'aria-*'])
+  }));
+
+  const buttonProps = useMemo(() =>
+    mergeReactProps(
+      {
+        id,
+        'data-sprocket-state': [
+          isHovered && 'hover',
+          isFocused && 'focus',
+          isPressed && 'pressed',
+          isDisabled && 'disabled',
+        ]
+          .filter(Boolean)
+          .join(' ') || '',
+        ...dataAttributes,
+        disabled: isDisabled,
+      },
+      additionalProps,
+      baseButtonProps,
+      focusProps,
+      hoverProps,
+      Tag !== 'button' && Tag !== DEFAULT_BUTTON_TAG
+        ? { role: 'button' }
+        : { type: type as any }
+    ),
+    [isHovered, isFocused, isPressed, isDisabled, dataAttributes, additionalProps, baseButtonProps, focusProps, hoverProps, Tag, type, id]
+  );
+
+  return {
+    Tag,
+    buttonProps,
+    combinedSlot,
+    isPressed,
+    isHovered,
+    isFocused,
+    isFocusVisible,
+    isDisabled,
+    id
+  };
+}

package/src/index.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Corinvo, LLC. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+export type * from './types';
+export { Button } from './components/Button';
+export { useButton } from './hooks/useButton';

package/src/types.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Corinvo, LLC. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+export enum ButtonTypeValues {
+  Button = 'button',
+  Submit = 'submit',
+  Reset = 'reset',
+};
+export type ButtonTypes = `${ButtonTypeValues}`;

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src/**/*"]
+}