@dust-tt/sparkle 0.2.582 → 0.2.583-rc-1

package/dist/esm/components/NotificationButton.d.ts

@@ -6,6 +6,6 @@ interface NotificationButtonProps {
     counterProps: React.ComponentProps<typeof Counter>;
     className?: string;
 }
-declare const NotificationButton: ({ className, buttonProps, counterProps, }: NotificationButtonProps) => React.JSX.Element;
+declare const NotificationButton: React.ForwardRefExoticComponent<NotificationButtonProps & React.RefAttributes<HTMLDivElement>>;
 export { NotificationButton };
 //# sourceMappingURL=NotificationButton.d.ts.map

package/dist/esm/components/NotificationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationButton.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAGtD,UAAU,uBAAuB;IAC/B,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACjD,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,8CAIrB,uBAAuB,sBASzB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"NotificationButton.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAGtD,UAAU,uBAAuB;IAC/B,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACjD,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,gGAYtB,CAAC;AAIH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/esm/components/NotificationButton.js

@@ -3,11 +3,12 @@ import React from "react";
 import { Button } from "../components/Button";
 import { Counter } from "../components/Counter";
 import { cn } from "../lib/utils";
-var NotificationButton = function (_a) {
+var NotificationButton = React.forwardRef(function (_a, ref) {
     var className = _a.className, buttonProps = _a.buttonProps, counterProps = _a.counterProps;
-    return (React.createElement("div", { className: cn("s-relative", className) },
+    return (React.createElement("div", { ref: ref, className: cn("s-relative", className) },
         React.createElement(Button, __assign({}, buttonProps)),
         counterProps.value > 0 && (React.createElement(Counter, __assign({}, counterProps, { className: "s-absolute -s-right-2 -s-top-2" })))));
-};
+});
+NotificationButton.displayName = "NotificationButton";
 export { NotificationButton };
 //# sourceMappingURL=NotificationButton.js.map

package/dist/esm/components/NotificationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationButton.js","sourceRoot":"","sources":["../../../src/components/NotificationButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,IAAM,kBAAkB,GAAG,UAAC,EAIF;QAHxB,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,YAAY,kBAAA;IAEZ,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;QACzC,oBAAC,MAAM,eAAK,WAAW,EAAI;QAC1B,YAAY,CAAC,KAAK,GAAG,CAAC,IAAI,CACzB,oBAAC,OAAO,eAAK,YAAY,IAAE,SAAS,EAAC,gCAAgC,IAAG,CACzE,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"NotificationButton.js","sourceRoot":"","sources":["../../../src/components/NotificationButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,UAAC,EAAwC,EAAE,GAAG;QAA3C,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA;IACvC,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;QACnD,oBAAC,MAAM,eAAK,WAAW,EAAI;QAC1B,YAAY,CAAC,KAAK,GAAG,CAAC,IAAI,CACzB,oBAAC,OAAO,eAAK,YAAY,IAAE,SAAS,EAAC,gCAAgC,IAAG,CACzE,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.582",
+  "version": "0.2.583-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/NotificationButton.tsx

@@ -10,19 +10,20 @@ interface NotificationButtonProps {
   className?: string;
 }
 
-const NotificationButton = ({
-  className,
-  buttonProps,
-  counterProps,
-}: NotificationButtonProps) => {
+const NotificationButton = React.forwardRef<
+  HTMLDivElement,
+  NotificationButtonProps
+>(({ className, buttonProps, counterProps }, ref) => {
   return (
-    <div className={cn("s-relative", className)}>
+    <div ref={ref} className={cn("s-relative", className)}>
       <Button {...buttonProps} />
       {counterProps.value > 0 && (
         <Counter {...counterProps} className="s-absolute -s-right-2 -s-top-2" />
       )}
     </div>
   );
-};
+});
+
+NotificationButton.displayName = "NotificationButton";
 
 export { NotificationButton };