@dust-tt/sparkle 0.2.125-rc → 0.2.125

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

@@ -1,4 +1,6 @@
+/// <reference types="node" />
 import React, { ReactNode } from "react";
+import type { UrlObject } from "url";
 interface CardButtonProps {
     children: ReactNode;
     variant?: "primary" | "secondary" | "tertiary";
@@ -7,7 +9,7 @@ interface CardButtonProps {
     onClick?: () => void;
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
-    href?: string;
+    href?: string | UrlObject;
     target?: string;
     rel?: string;
     replace?: boolean;

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

@@ -1,7 +1,9 @@
+/// <reference types="node" />
 import React from "react";
+import type { UrlObject } from "url";
 interface TemplateItemProps {
     description: string;
-    href: string;
+    href: string | UrlObject;
     id: string;
     name: string;
     visual: {

package/dist/esm/context.d.ts

@@ -1,6 +1,8 @@
+/// <reference types="node" />
 import React, { ComponentType, MouseEvent, ReactNode } from "react";
+import type { UrlObject } from "url";
 export type SparkleContextLinkType = ComponentType<{
-    href: string;
+    href: string | UrlObject;
     className?: string;
     children: ReactNode;
     ariaLabel?: string;
@@ -8,6 +10,8 @@ export type SparkleContextLinkType = ComponentType<{
     onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
     replace?: boolean;
     shallow?: boolean;
+    target?: string;
+    rel?: string;
 }>;
 export type SparkleContextType = {
     components: {

package/dist/esm/index.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import React__default, { createContext, useRef, useState, useEffect, useContext, Children, cloneElement, useLayoutEffect, forwardRef, Fragment, isValidElement, createElement, useMemo, useReducer, createRef, useCallback } from 'react';
+import url from 'url';
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -32,8 +33,9 @@ var css_248z = ".s-form-checkbox,.s-form-radio {\n  -webkit-appearance: none;\n
 styleInject(css_248z);
 
 var aLink = function (_a) {
-    var href = _a.href, className = _a.className, ariaCurrent = _a.ariaCurrent, ariaLabel = _a.ariaLabel, onClick = _a.onClick, children = _a.children;
-    return (React__default.createElement("a", { href: href, className: className, "aria-current": ariaCurrent, "aria-label": ariaLabel, onClick: onClick }, children));
+    var href = _a.href, className = _a.className, ariaCurrent = _a.ariaCurrent, ariaLabel = _a.ariaLabel, onClick = _a.onClick, children = _a.children, target = _a.target, rel = _a.rel;
+    var hrefAsString = typeof href !== "string" ? url.format(href) : href;
+    return (React__default.createElement("a", { href: hrefAsString, className: className, "aria-current": ariaCurrent, "aria-label": ariaLabel, onClick: onClick, target: target, rel: rel }, children));
 };
 var noHrefLink = function (_a) {
     var className = _a.className, ariaCurrent = _a.ariaCurrent, ariaLabel = _a.ariaLabel, onClick = _a.onClick, children = _a.children;
@@ -921,10 +923,7 @@ function CardButton(_a) {
     var Link = href ? components.link : noHrefLink;
     var commonClasses = classNames("s-flex s-cursor-pointer s-transition s-duration-200", variantClasses$1[variant], sizeClasses$4[size], className);
     if (href) {
-        if (target) {
-            return (React__default.createElement("a", { href: href, target: target, rel: rel, className: commonClasses }, children));
-        }
-        return (React__default.createElement(Link, { href: href, className: commonClasses, replace: replace, shallow: shallow }, children));
+        return (React__default.createElement(Link, { href: href, className: commonClasses, replace: replace, shallow: shallow, target: target, rel: rel }, children));
     }
     else {
         return (React__default.createElement("div", { className: commonClasses, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));