@arcfusionz/arc-primitive-ui 0.2.11 → 0.2.12

package/dist/components/Button/Button.d.ts

@@ -8,6 +8,8 @@ interface ButtonVariantsOptions {
   size?: ButtonSize;
   fullWidth?: boolean;
   iconOnly?: boolean;
+  /** Render an icon-only button as a circle instead of the default rounded square. */
+  circular?: boolean;
   className?: string;
 }
 /**
@@ -18,7 +20,7 @@ interface ButtonVariantsOptions {
  *
  *   <a href="/docs" className={buttonVariants({ variant: "primary" })}>Docs</a>
  */
-declare function buttonVariants({ variant, size, fullWidth, iconOnly, className }?: ButtonVariantsOptions): string;
+declare function buttonVariants({ variant, size, fullWidth, iconOnly, circular, className }?: ButtonVariantsOptions): string;
 interface ButtonBaseProps extends Omit<ComponentPropsWithoutRef<typeof Button>, "className"> {
   /** Visual style of the button */
   variant?: ButtonVariant;
@@ -43,13 +45,18 @@ interface ButtonBaseProps extends Omit<ComponentPropsWithoutRef<typeof Button>,
 }
 /** Icon-only buttons have no visible label, so an accessible name is required. */
 type ButtonIconOnlyProps = {
+  /** Button that renders only an icon; requires an accessible name. */
   iconOnly: true;
+  /** Use a circular shape instead of the default rounded square. */
+  circular?: boolean;
   "aria-label": string;
 } | {
   iconOnly: true;
+  circular?: boolean;
   "aria-labelledby": string;
 } | {
   iconOnly?: false;
+  circular?: never;
 };
 type ButtonProps = ButtonBaseProps & ButtonIconOnlyProps;
 declare const Button$1: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -30,8 +30,8 @@ const iconOnlySizeClasses = {
 *
 *   <a href="/docs" className={buttonVariants({ variant: "primary" })}>Docs</a>
 */
-function buttonVariants({ variant = "primary", size = "md", fullWidth = false, iconOnly = false, className } = {}) {
-	return cn(baseClasses, variantClasses[variant], sizeClasses[size], iconOnly && iconOnlySizeClasses[size], fullWidth && "w-full", className);
+function buttonVariants({ variant = "primary", size = "md", fullWidth = false, iconOnly = false, circular = false, className } = {}) {
+	return cn(baseClasses, variantClasses[variant], sizeClasses[size], iconOnly && iconOnlySizeClasses[size], iconOnly && circular && "rounded-full", fullWidth && "w-full", className);
 }
 const loadingDataAttributes = { "data-loading": "" };
 const RIPPLE_DURATION_MS = 550;
@@ -106,7 +106,7 @@ function Spinner() {
 		})]
 	});
 }
-const Button$1 = forwardRef(({ variant = "primary", size = "md", fullWidth = false, iconOnly = false, loading = false, loadingText, startIcon, endIcon, disabled = false, focusableWhenDisabled = false, onPointerDown, onClick, className, children, ...rest }, ref) => {
+const Button$1 = forwardRef(({ variant = "primary", size = "md", fullWidth = false, iconOnly = false, circular = false, loading = false, loadingText, startIcon, endIcon, disabled = false, focusableWhenDisabled = false, onPointerDown, onClick, className, children, ...rest }, ref) => {
 	const rippleContainerRef = useRef(null);
 	const handleRipplePointerDown = (event) => {
 		const container = rippleContainerRef.current;
@@ -152,7 +152,8 @@ const Button$1 = forwardRef(({ variant = "primary", size = "md", fullWidth = fal
 			variant,
 			size,
 			fullWidth,
-			iconOnly
+			iconOnly,
+			circular
 		}), loading && "data-disabled:opacity-100", className),
 		...loading ? loadingDataAttributes : void 0,
 		...rest,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcfusionz/arc-primitive-ui",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "description": "ArcFusion primitive UI components",
   "license": "MIT",
   "type": "module",