@dust-tt/sparkle 0.2.528 → 0.2.529-rc-1

package/dist/esm/stories/Button.stories.js

@@ -99,7 +99,8 @@ var ButtonBySize = function (_a) {
             React.createElement(Button, { size: size, variant: "highlight", label: "Button" }),
             React.createElement(Button, { size: size, variant: "warning", label: "Button" }),
             React.createElement(Button, { size: size, variant: "ghost", label: "Button" }),
-            React.createElement(Button, { size: size, variant: "primary", label: "Button with href", href: "hello" })),
+            React.createElement(Button, { size: size, variant: "primary", label: "Button with href", href: "hello" }),
+            React.createElement(Button, { size: size, variant: "primary", label: "Button with href and disabled", href: "hello", disabled: true })),
         React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
             React.createElement(Button, { size: size, label: "Button", isLoading: true }),
             React.createElement(Button, { size: size, variant: "outline", label: "Button", isLoading: true }),
@@ -114,9 +115,15 @@ var ButtonBySize = function (_a) {
             React.createElement(Button, { size: size, variant: "ghost", icon: PlusIcon, label: "Button" }))));
 };
 export var Gallery = {
-    render: function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
-        React.createElement(ButtonBySize, { size: "xs" }),
-        React.createElement(ButtonBySize, { size: "sm" }),
-        React.createElement(ButtonBySize, { size: "md" }))); },
+    render: function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-6" },
+        React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+            React.createElement(ButtonBySize, { size: "xs" }),
+            React.createElement(ButtonBySize, { size: "sm" }),
+            React.createElement(ButtonBySize, { size: "md" })),
+        React.createElement(Separator, null),
+        React.createElement("h3", { className: "s-text-primary dark:s-text-primary-50" }, "With tooltip"),
+        React.createElement("div", { className: "s-flex s-gap-4" },
+            React.createElement(Button, { label: "Button with tooltip", tooltip: "Hello" }),
+            React.createElement(Button, { label: "Button as link with tooltip", href: "https://dust.tt", target: "_blank", tooltip: "Hello" })))); },
 };
 //# sourceMappingURL=Button.stories.js.map

package/dist/esm/stories/Button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/stories/Button.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/stories/Button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE/E,IAAM,KAAK,GAAG;IACZ,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,SAAS;CACZ,CAAC;AAEX,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;QACD,IAAI,EAAE;YACJ,WAAW,EACT,qFAAqF;YACvF,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,wDAAwD;YACrE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3B,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;SACjC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,4CAA4C;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;SACjC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,uCAAuC;YACpD,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;QACD,SAAS,EAAE;YACT,WAAW,EAAE,qDAAqD;YAClE,OAAO,EAAE,SAAS;SACnB;QACD,SAAS,EAAE;YACT,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE,SAAS;SACnB;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,sDAAsD;YACnE,OAAO,EAAE,SAAS;SACnB;QACD,SAAS,EAAE;YACT,WAAW,EAAE,6CAA6C;YAC1D,OAAO,EAAE,SAAS;SACnB;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,wDAAwD;YACrE,OAAO,EAAE,MAAM;YACf,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,EAAE;SACnC;QACD,OAAO,EAAE;YACP,WAAW,EAAE,2CAA2C;YACxD,OAAO,EAAE,MAAM;SAChB;KACF;IACD,MAAM,EAAE,UAAC,IAAI;QACX,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACvC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC;QAC7B,CAAC;QACD,OAAO,oBAAC,MAAM,eAAK,IAAI,EAAI,CAAC;IAC9B,CAAC;CAC4B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,YAAY,EAAE,GAAG;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,cAAM,OAAA,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,GAAI,EAAtC,CAAsC;CACrD,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAIrB;QAHC,IAAI,UAAA;IAGA,OAAA,CACJ;QACE,oBAAC,SAAS,OAAG;QACb,4BAAI,SAAS,EAAC,uCAAuC,IAClD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,CACjB;QACL,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,QAAQ,GAAG;YACrC,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,GAAG;YACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,GAAG;YACzD,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,GAAG;YACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,GAAG;YACrD,oBAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,OAAO,GACZ;YACF,oBAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,+BAA+B,EACrC,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,GACd,CACE;QACN,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,SAAG;YAC/C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,SAAG;YACjE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,SAAG;YACnE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,SAAG;YACjE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,SAAG,CAC3D;QACN,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,QAAQ,GAAG;YACrD,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,QAAQ,GAAG;YACvE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,QAAQ,GAAG;YACzE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,QAAQ,GAAG;YACvE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,QAAQ,GAAG,CACjE,CACL,CACJ;AAzCK,CAyCL,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,cAAM,OAAA,CACZ,6BAAK,SAAS,EAAC,2BAA2B;QACxC,6BAAK,SAAS,EAAC,2BAA2B;YACxC,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,GAAG;YAC1B,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,GAAG;YAC1B,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,GAAG,CACtB;QACN,oBAAC,SAAS,OAAG;QACb,4BAAI,SAAS,EAAC,uCAAuC,mBAAkB;QACvE,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,oBAAC,MAAM,IAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAC,OAAO,GAAG;YACtD,oBAAC,MAAM,IACL,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,iBAAiB,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,OAAO,GACf,CACE,CACF,CACP,EAnBa,CAmBb;CACF,CAAC"}

package/dist/esm/stories/Chip.stories.d.ts

@@ -15,6 +15,7 @@ declare const meta: {
         onClick?: (() => void) | undefined;
     } & {
         replace?: undefined;
+        disabled?: undefined;
         href?: undefined;
         target?: undefined;
         rel?: undefined;

package/dist/esm/stories/Chip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,yBAezB,CAAC;AAEF,eAAO,MAAM,SAAS,yBA+ErB,CAAC"}
+{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,yBAezB,CAAC;AAEF,eAAO,MAAM,SAAS,yBA+ErB,CAAC"}

package/dist/esm/stories/EmptyCTA.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyCTA.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/EmptyCTA.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,IAAI,yBAmBhB,CAAC"}
+{"version":3,"file":"EmptyCTA.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/EmptyCTA.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,IAAI,yBAgBhB,CAAC"}

package/dist/esm/stories/EmptyCTA.stories.js

@@ -1,15 +1,13 @@
 import React from "react";
-import { Button, EmptyCTA, EmptyCTAButton } from "../components";
-import { CloudArrowDownIcon, PlusIcon } from "../icons/app";
+import { EmptyCTA, EmptyCTAButton } from "../components";
+import { CloudArrowDownIcon } from "../icons/app";
 var meta = {
     title: "Components/EmptyCTA",
 };
 export default meta;
 export var Demo = function () {
-    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    return (React.createElement("div", null,
         React.createElement("div", { className: "s-flex s-items-center s-space-x-2" },
-            React.createElement(EmptyCTA, { action: React.createElement(EmptyCTAButton, { icon: CloudArrowDownIcon, label: "Create a new space" }), message: "You don't have any spaces yet." })),
-        React.createElement("div", { className: "s-flex s-items-center s-space-x-2" },
-            React.createElement(EmptyCTA, { action: React.createElement(Button, { icon: PlusIcon, label: "Add domain" }) }))));
+            React.createElement(EmptyCTA, { action: React.createElement(EmptyCTAButton, { icon: CloudArrowDownIcon, label: "Create a new space" }), message: "You don't have any spaces yet." }))));
 };
 //# sourceMappingURL=EmptyCTA.stories.js.map

package/dist/esm/stories/EmptyCTA.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyCTA.stories.js","sourceRoot":"","sources":["../../../src/stories/EmptyCTA.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAElE,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;CACd,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,IAAI,GAAG;IAClB,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,QAAQ,IACP,MAAM,EACJ,oBAAC,cAAc,IACb,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAC,oBAAoB,GAC1B,EAEJ,OAAO,EAAC,gCAAgC,GACxC,CACE;QACN,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,QAAQ,IAAC,MAAM,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,YAAY,GAAG,GAAI,CAC/D,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"EmptyCTA.stories.js","sourceRoot":"","sources":["../../../src/stories/EmptyCTA.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;CACd,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,IAAI,GAAG;IAClB,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,QAAQ,IACP,MAAM,EACJ,oBAAC,cAAc,IACb,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAC,oBAAoB,GAC1B,EAEJ,OAAO,EAAC,gCAAgC,GACxC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/stories/IconButton.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        variant?: "primary" | "highlight" | "warning" | "outline" | "ghost" | "ghost-secondary" | null | undefined;
+        variant?: "primary" | "highlight" | "warning" | "outline" | "ghost" | "ghost-secondary" | undefined;
         onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         size?: "xs" | "sm" | "md" | "xmini" | "mini" | undefined;
         tooltip?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.528",
+  "version": "0.2.529-rc-1",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/AssistantCard.tsx

@@ -4,7 +4,7 @@ import {
   Avatar,
   Card,
   CardActionButton,
-  MiniButtonProps,
+  MiniButtonAsButtonProps,
 } from "@sparkle/components/";
 import { CardVariantType } from "@sparkle/components/Card";
 import { MoreIcon } from "@sparkle/icons/app/";
@@ -20,7 +20,7 @@ interface BaseAssistantCardProps {
   variant?: CardVariantType;
 }
 
-type AssistantCardMore = Omit<MiniButtonProps, "icon" | "size">;
+type AssistantCardMore = Omit<MiniButtonAsButtonProps, "icon" | "size">;
 
 export const AssistantCardMore = React.forwardRef<
   HTMLButtonElement,

package/src/components/Button.tsx

@@ -1,7 +1,6 @@
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { useMemo } from "react";
 
 import {
   Counter,
@@ -188,31 +187,78 @@ const COUNTER_SIZE_MAP: Record<ButtonSizeType, CounterSizeType> = {
   md: "md",
 };
 
-type CommonButtonProps = Omit<MetaButtonProps, "children"> &
-  Omit<LinkWrapperProps, "children"> & {
-    isSelect?: boolean;
-    isLoading?: boolean;
-    isPulsing?: boolean;
-    tooltip?: string;
-    isCounter?: boolean;
-    counterValue?: string;
+type ButtonBaseProps = {
+  label?: string;
+  icon?: React.ComponentType;
+  isSelect?: boolean;
+  isLoading?: boolean;
+  isPulsing?: boolean;
+  tooltip?: string;
+  isCounter?: boolean;
+  counterValue?: string;
+  variant?: ButtonVariantType;
+  size?: ButtonSizeType;
+  className?: string;
+  "aria-label"?: string;
+};
+
+export type ButtonAsButtonProps = ButtonBaseProps &
+  React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    href?: never;
+    target?: never;
+    replace?: never;
+    shallow?: never;
   };
 
-export type MiniButtonProps = CommonButtonProps & {
+export type MiniButtonAsButtonProps = ButtonAsButtonProps & {
   size: "mini";
   icon: React.ComponentType;
   label?: never;
 };
 
-export type RegularButtonProps = CommonButtonProps & {
-  size?: Exclude<ButtonSizeType, "mini">;
-  icon?: React.ComponentType;
-  label?: string;
-};
+type ButtonAsAnchorLinkProps = ButtonBaseProps &
+  Omit<LinkWrapperProps, "children"> & {
+    href: string;
+    disabled?: boolean;
+    type?: never;
+    onClick?: never;
+    form?: never;
+    autoFocus?: never;
+    tabIndex?: never;
+  };
+
+export type ButtonProps =
+  | ButtonAsButtonProps
+  | ButtonAsAnchorLinkProps
+  | MiniButtonAsButtonProps;
 
-export type ButtonProps = MiniButtonProps | RegularButtonProps;
+function isAnchorProps(props: ButtonProps): props is ButtonAsAnchorLinkProps {
+  return typeof props.href === "string" && props.href.length > 0;
+}
+
+const ContentWithTooltip = ({
+  children,
+  tooltip,
+}: {
+  children: React.ReactNode;
+  tooltip: string;
+}) => {
+  return (
+    <TooltipProvider>
+      <TooltipRoot>
+        <TooltipTrigger asChild>{children}</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent>{tooltip}</TooltipContent>
+        </TooltipPortal>
+      </TooltipRoot>
+    </TooltipProvider>
+  );
+};
 
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+const Button = React.forwardRef<
+  HTMLButtonElement | HTMLAnchorElement,
+  ButtonProps
+>(
   (
     {
       label,
@@ -226,11 +272,6 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       isCounter = false,
       counterValue,
       size = "sm",
-      href,
-      target,
-      rel,
-      replace,
-      shallow,
       "aria-label": ariaLabel,
       ...props
     },
@@ -239,17 +280,6 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     const iconSize = ICON_SIZE_MAP[size];
     const counterSize = COUNTER_SIZE_MAP[size];
 
-    const renderIcon = (visual: React.ComponentType, extraClass = "") => (
-      <Icon visual={visual} size={iconSize} className={cn(extraClass)} />
-    );
-    const renderChevron = (visual: React.ComponentType, extraClass = "") => (
-      <Icon
-        visual={visual}
-        size={iconSize}
-        className={cn(variant ? chevronVariantMap[variant] : "", extraClass)}
-      />
-    );
-
     const showCounter = isCounter && counterValue != null;
     const showContainer = label || showCounter;
 
@@ -269,7 +299,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
             />
           </div>
         ) : (
-          icon && renderIcon(icon, "-s-mx-0.5")
+          icon && <Icon visual={icon} size={iconSize} className="-s-mx-0.5" />
         )}
 
         {showContainer && (
@@ -290,69 +320,96 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
             )}
           </div>
         )}
-        {isSelect && renderChevron(ChevronDownIcon, isLoading ? "" : "-s-mr-1")}
+        {isSelect && (
+          <Icon
+            visual={ChevronDownIcon}
+            size={iconSize}
+            className={cn(
+              variant ? chevronVariantMap[variant] : "",
+              isLoading ? "" : "-s-mr-1"
+            )}
+          />
+        )}
       </>
     );
 
-    const pointerEventProps = useMemo(() => {
-      if (isLoading || props.disabled) {
-        return {
-          onPointerDown: (e: React.PointerEvent<HTMLButtonElement>) => {
-            e.preventDefault();
-            e.stopPropagation();
-          },
-        };
-      }
-      return {};
-    }, [isLoading, props.disabled]);
+    if (isAnchorProps(props)) {
+      const {
+        href,
+        target,
+        rel,
+        replace,
+        shallow,
+        prefetch,
+        tabIndex,
+        disabled,
+      } = props;
 
-    const innerButton = (
-      <MetaButton
-        ref={ref}
-        size={size}
-        variant={variant}
-        disabled={isLoading || props.disabled}
-        className={cn(isPulsing && "s-animate-pulse", className)}
-        aria-label={ariaLabel || tooltip || label}
-        style={
-          {
-            "--pulse-color": "#93C5FD",
-            "--duration": "1.5s",
-          } as React.CSSProperties
-        }
-        {...props}
-        {...pointerEventProps}
-      >
-        {content}
-      </MetaButton>
-    );
+      const innerContent = (
+        <span
+          className={cn(
+            buttonVariants({ variant, size, className }),
+            isPulsing && "s-animate-pulse"
+          )}
+          tabIndex={tabIndex}
+          style={
+            {
+              "--pulse-color": "#93C5FD",
+              "--duration": "1.5s",
+            } as React.CSSProperties
+          }
+        >
+          {content}
+        </span>
+      );
 
-    const wrappedContent = tooltip ? (
-      <TooltipProvider>
-        <TooltipRoot>
-          <TooltipTrigger asChild>{innerButton}</TooltipTrigger>
-          <TooltipPortal>
-            <TooltipContent>{tooltip}</TooltipContent>
-          </TooltipPortal>
-        </TooltipRoot>
-      </TooltipProvider>
-    ) : (
-      innerButton
-    );
+      return (
+        <LinkWrapper
+          ref={ref as React.Ref<HTMLAnchorElement>}
+          href={href}
+          target={target}
+          rel={rel}
+          replace={replace}
+          shallow={shallow}
+          prefetch={prefetch}
+          disabled={disabled}
+        >
+          {tooltip ? (
+            <ContentWithTooltip tooltip={tooltip}>
+              {innerContent}
+            </ContentWithTooltip>
+          ) : (
+            innerContent
+          )}
+        </LinkWrapper>
+      );
+    } else {
+      const innerButton = (
+        <MetaButton
+          ref={ref as React.Ref<HTMLButtonElement>}
+          size={size}
+          variant={variant}
+          disabled={isLoading || props.disabled}
+          className={cn(isPulsing && "s-animate-pulse", className)}
+          aria-label={ariaLabel || tooltip || label}
+          style={
+            {
+              "--pulse-color": "#93C5FD",
+              "--duration": "1.5s",
+            } as React.CSSProperties
+          }
+          {...props}
+        >
+          {content}
+        </MetaButton>
+      );
 
-    return href ? (
-      <LinkWrapper
-        href={href}
-        target={target}
-        rel={rel}
-        replace={replace}
-        shallow={shallow}
-      >
-        {wrappedContent}
-      </LinkWrapper>
-    ) : (
-      wrappedContent
-    );
+      return tooltip ? (
+        <ContentWithTooltip tooltip={tooltip}>{innerButton}</ContentWithTooltip>
+      ) : (
+        innerButton
+      );
+    }
   }
 );
 

package/src/components/Card.tsx

@@ -1,7 +1,7 @@
 import { cva } from "class-variance-authority";
 import React from "react";
 
-import { Button, MiniButtonProps } from "@sparkle/components/Button";
+import { Button, MiniButtonAsButtonProps } from "@sparkle/components/Button";
 import { LinkWrapperProps } from "@sparkle/components/LinkWrapper";
 import {
   noHrefLink,
@@ -216,7 +216,7 @@ CardActions.displayName = "CardActions";
 
 export const CardActionButton = React.forwardRef<
   HTMLButtonElement,
-  MiniButtonProps
+  MiniButtonAsButtonProps
 >(({ className, variant = "outline", icon = XMarkIcon, ...props }, ref) => {
   return (
     <Button

package/src/components/EmptyCTA.tsx

@@ -1,11 +1,11 @@
 import * as React from "react";
 
-import { Button, RegularButtonProps } from "@sparkle/components/";
+import { Button, ButtonAsButtonProps } from "@sparkle/components/";
 import { cn } from "@sparkle/lib/utils";
 
 interface EmptyCTAProps extends React.HTMLAttributes<HTMLDivElement> {
   action: React.ReactNode;
-  message?: string;
+  message: string;
 }
 
 const EmptyCTA = React.forwardRef<HTMLDivElement, EmptyCTAProps>(
@@ -20,16 +20,14 @@ const EmptyCTA = React.forwardRef<HTMLDivElement, EmptyCTAProps>(
       )}
       {...props}
     >
-      {message && (
-        <div
-          className={cn(
-            "s-text-center s-text-sm",
-            "s-text-muted-foreground dark:s-text-muted-foreground-night"
-          )}
-        >
-          {message}
-        </div>
-      )}
+      <div
+        className={cn(
+          "s-text-center s-text-sm",
+          "s-text-muted-foreground dark:s-text-muted-foreground-night"
+        )}
+      >
+        {message}
+      </div>
       <div>{action}</div>
     </div>
   )
@@ -37,7 +35,7 @@ const EmptyCTA = React.forwardRef<HTMLDivElement, EmptyCTAProps>(
 
 EmptyCTA.displayName = "EmptyCTA";
 
-interface EmptyCTAButtonProps extends RegularButtonProps {
+interface EmptyCTAButtonProps extends ButtonAsButtonProps {
   icon: React.ComponentType;
   label: string;
 }

package/src/components/IconButton.tsx

@@ -96,7 +96,6 @@ const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(
       ref={ref}
       size={size}
       icon={icon}
-      variant={null}
       {...props}
     />
   )

package/src/components/LinkWrapper.tsx

@@ -10,29 +10,36 @@ export interface LinkWrapperProps {
   shallow?: boolean;
   target?: string;
   prefetch?: boolean;
+  disabled?: boolean;
 }
 
 export const LinkWrapper = React.forwardRef<
   HTMLAnchorElement,
   LinkWrapperProps
->(({ children, href, rel, replace, shallow, target, prefetch }, ref) => {
-  const { components } = React.useContext(SparkleContext);
+>(
+  (
+    { children, href, rel, replace, shallow, target, prefetch, disabled },
+    ref
+  ) => {
+    const { components } = React.useContext(SparkleContext);
 
-  if (href) {
-    return (
-      <components.link
-        ref={ref}
-        href={href}
-        target={target}
-        rel={rel}
-        replace={replace}
-        shallow={shallow}
-        prefetch={prefetch}
-      >
-        {children}
-      </components.link>
-    );
-  }
+    if (href) {
+      return (
+        <components.link
+          ref={ref}
+          href={href}
+          target={target}
+          rel={rel}
+          replace={replace}
+          shallow={shallow}
+          prefetch={prefetch}
+          disabled={disabled}
+        >
+          {children}
+        </components.link>
+      );
+    }
 
-  return children;
-});
+    return children;
+  }
+);

package/src/components/SplitButton.tsx

@@ -1,12 +1,11 @@
 import React, { useState } from "react";
 
 import {
-  ButtonProps,
+  ButtonAsButtonProps,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-  RegularButtonProps,
 } from "@sparkle/components/";
 import { Button, ButtonVariantType } from "@sparkle/components/Button";
 import { Separator } from "@sparkle/components/Separator";
@@ -23,7 +22,7 @@ interface SplitButtonActionProps {
 }
 
 export interface SplitButtonProps
-  extends Omit<RegularButtonProps, "children" | "onClick"> {
+  extends Omit<ButtonAsButtonProps, "children" | "onClick"> {
   /**
    * List of possible actions, will be displayed in dropdown
    */
@@ -130,7 +129,8 @@ const flexSeparatorVariants: Record<ButtonVariantType, string> = {
   "ghost-secondary": "s-bg-separator dark:s-bg-separator-night",
 };
 
-export interface FlexSplitButtonProps extends Omit<ButtonProps, "size"> {
+export interface FlexSplitButtonProps
+  extends Omit<ButtonAsButtonProps, "size"> {
   containerClassName?: string;
   splitAction: React.ReactElement<React.ComponentProps<typeof Button>>;
 }

package/src/components/Tabs.tsx

@@ -88,7 +88,7 @@ const TabsTrigger = React.forwardRef<
           tooltip={tooltip}
           icon={icon}
           disabled={disabled}
-          href={href}
+          href={href ?? ""}
           target={target}
           rel={rel}
           replace={replace}

package/src/components/index.ts

@@ -11,9 +11,9 @@ export { BarHeader } from "./BarHeader";
 export type { BreadcrumbItem } from "./Breadcrumbs";
 export { Breadcrumbs } from "./Breadcrumbs";
 export type {
+  ButtonAsButtonProps,
   ButtonProps,
-  MiniButtonProps,
-  RegularButtonProps,
+  MiniButtonAsButtonProps,
 } from "./Button";
 export { Button } from "./Button";
 export type { CardProps } from "./Card";