@dust-tt/sparkle 0.2.173 → 0.2.174

package/dist/cjs/components/Item.d.ts

@@ -14,8 +14,9 @@ type ItemProps = {
     hasAction?: boolean | "hover";
     className?: string;
     href?: string;
+    target?: string;
 };
-export declare function Item({ label, description, visual, icon, style, spacing, action, hasAction, onClick, selected, disabled, className, href, }: ItemProps): React.JSX.Element;
+export declare function Item({ label, description, visual, icon, style, spacing, action, hasAction, onClick, selected, disabled, className, href, target }: ItemProps): React.JSX.Element;
 export declare namespace Item {
     var Entry: (props: EntryItemProps) => React.JSX.Element;
     var Avatar: ({ description, hasAction, ...otherProps }: AvatarItemProps) => React.JSX.Element;

package/dist/cjs/index.js

@@ -77571,7 +77571,7 @@ var iconClasses$4 = {
     warning: "s-text-warning-400 group-hover:s-text-warning-300 group-active:s-text-warning-700 dark:group-hover:s-text-warning-600-dark dark:group-active:s-text-warning-400-dark",
 };
 function Item(_a) {
-    var label = _a.label, description = _a.description, visual = _a.visual, icon = _a.icon, _b = _a.style, style = _b === void 0 ? "action" : _b, _c = _a.spacing, spacing = _c === void 0 ? "sm" : _c, _d = _a.action, action = _d === void 0 ? SvgChevronRight$1 : _d, _e = _a.hasAction, hasAction = _e === void 0 ? true : _e, onClick = _a.onClick, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, href = _a.href;
+    var label = _a.label, description = _a.description, visual = _a.visual, icon = _a.icon, _b = _a.style, style = _b === void 0 ? "action" : _b, _c = _a.spacing, spacing = _c === void 0 ? "sm" : _c, _d = _a.action, action = _d === void 0 ? SvgChevronRight$1 : _d, _e = _a.hasAction, hasAction = _e === void 0 ? true : _e, onClick = _a.onClick, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, href = _a.href, target = _a.target;
     var components = React.useContext(SparkleContext).components;
     var Link = href ? components.link : noHrefLink;
     var visualElement;
@@ -77585,7 +77585,8 @@ function Item(_a) {
                     ? "s-text-action-400 dark:s-text-action-600-dark"
                     : iconClasses$4[style]) }));
     }
-    return (React.createElement(Link, { className: classNames("s-duration-400 s-group s-box-border s-flex s-select-none s-text-sm s-transition-colors s-ease-out", spacingClasses[spacing], disabled ? "" : "s-cursor-pointer", className), onClick: selected || disabled ? undefined : onClick, "aria-label": label, href: href || "#" },
+    var targetProps = target ? { target: target } : {};
+    return (React.createElement(Link, __assign({ className: classNames("s-duration-400 s-group s-box-border s-flex s-select-none s-text-sm s-transition-colors s-ease-out", spacingClasses[spacing], disabled ? "" : "s-cursor-pointer", className), onClick: selected || disabled ? undefined : onClick, "aria-label": label, href: href || "#" }, targetProps),
         visualElement,
         React.createElement("div", { className: classNames("s-flex s-grow s-flex-col s-gap-0 s-overflow-hidden") },
             React.createElement("div", { className: classNames("s-transition-colors s-duration-200 s-ease-out", "s-grow s-truncate s-text-sm", labelStyleClasses[style], disabled
@@ -106282,13 +106283,14 @@ function RadioButton(_a) {
 function Popup(_a) {
     var show = _a.show, chipLabel = _a.chipLabel, description = _a.description, buttonLabel = _a.buttonLabel, buttonClick = _a.buttonClick, className = _a.className, onClose = _a.onClose;
     return (React.createElement(Xe$1, { show: show, enter: "s-transition-opacity s-duration-300", appear: true, enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-transition-opacity s-duration-300", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0", className: classNames("s-z-30 s-flex s-w-64 s-flex-col s-gap-3 s-rounded-xl s-border s-border-pink-100 s-bg-pink-50 s-p-4 s-shadow-xl", className || "") },
-        React.createElement("div", { className: "s-flex" },
-            React.createElement(Chip, { color: "pink" }, chipLabel),
-            onClose && (React.createElement("div", { className: "-s-mr-1 -s-mt-1 s-flex s-grow s-items-start s-justify-end" },
-                React.createElement(IconButton, { icon: SvgXMark$1, onClick: onClose, variant: "secondary", size: "sm" })))),
-        React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-900" }, description),
-        React.createElement("div", { className: "s-self-center" },
-            React.createElement(Button, { variant: "primary", size: "sm", label: buttonLabel, onClick: buttonClick }))));
+        React.createElement("div", null,
+            React.createElement("div", { className: "s-flex" },
+                React.createElement(Chip, { color: "pink" }, chipLabel),
+                onClose && (React.createElement("div", { className: "-s-mr-1 -s-mt-1 s-flex s-grow s-items-start s-justify-end" },
+                    React.createElement(IconButton, { icon: SvgXMark$1, onClick: onClose, variant: "secondary", size: "sm" })))),
+            React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-900" }, description),
+            React.createElement("div", { className: "s-self-center" },
+                React.createElement(Button, { variant: "primary", size: "sm", label: buttonLabel, onClick: buttonClick })))));
 }
 
 function TemplateItem(_a) {