@dust-tt/sparkle 0.2.264-rc-1 → 0.2.265-rc-1

package/dist/cjs/index.js

@@ -74110,7 +74110,7 @@ function getElementRef$1(element) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$4 = [
+var NODES$5 = [
   "a",
   "button",
   "div",
@@ -74128,7 +74128,7 @@ var NODES$4 = [
   "svg",
   "ul"
 ];
-var Primitive$4 = NODES$4.reduce((primitive, node) => {
+var Primitive$5 = NODES$5.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -74255,7 +74255,7 @@ var DismissableLayer$2 = React__namespace.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$2, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$4.div,
+      Primitive$5.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -74288,7 +74288,7 @@ var DismissableLayerBranch$2 = React__namespace.forwardRef((props, forwardedRef)
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$4.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$5.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$2.displayName = BRANCH_NAME$2;
 function usePointerDownOutside$2(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -76334,11 +76334,11 @@ const arrow = (options, deps) => ({
 });
 
 // packages/react/arrow/src/Arrow.tsx
-var NAME$4 = "Arrow";
+var NAME$5 = "Arrow";
 var Arrow$5 = React__namespace.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$4.svg,
+    Primitive$5.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -76350,8 +76350,8 @@ var Arrow$5 = React__namespace.forwardRef((props, forwardedRef) => {
     }
   );
 });
-Arrow$5.displayName = NAME$4;
-var Root$5 = Arrow$5;
+Arrow$5.displayName = NAME$5;
+var Root$6 = Arrow$5;
 
 // packages/react/context/src/createContext.tsx
 function createContextScope$7(scopeName, createContextScopeDeps = []) {
@@ -76467,7 +76467,7 @@ var PopperAnchor$2 = React__namespace.forwardRef(
     React__namespace.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$4.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$5.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor$2.displayName = ANCHOR_NAME$4;
@@ -76594,7 +76594,7 @@ var PopperContent$2 = React__namespace.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive$4.div,
+              Primitive$5.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -76654,7 +76654,7 @@ var PopperArrow$2 = React__namespace.forwardRef(function PopperArrow2(props, for
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Root$5,
+          Root$6,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -76900,11 +76900,11 @@ function useUncontrolledState$3({
 }
 
 // packages/react/visually-hidden/src/VisuallyHidden.tsx
-var NAME$3 = "VisuallyHidden";
+var NAME$4 = "VisuallyHidden";
 var VisuallyHidden = React__namespace.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$4.span,
+      Primitive$5.span,
       {
         ...props,
         ref: forwardedRef,
@@ -76926,8 +76926,8 @@ var VisuallyHidden = React__namespace.forwardRef(
     );
   }
 );
-VisuallyHidden.displayName = NAME$3;
-var Root$4 = VisuallyHidden;
+VisuallyHidden.displayName = NAME$4;
+var Root$5 = VisuallyHidden;
 
 var [createTooltipContext, createTooltipScope] = createContextScope$8("Tooltip", [
   createPopperScope$2
@@ -77078,7 +77078,7 @@ var TooltipTrigger$1 = React__namespace.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
     return /* @__PURE__ */ jsxRuntime.jsx(Anchor$2, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$4.button,
+      Primitive$5.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
@@ -77240,7 +77240,7 @@ var TooltipContentImpl = React__namespace.forwardRef(
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(Slottable, { children }),
-              /* @__PURE__ */ jsxRuntime.jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsxRuntime.jsx(Root$4, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+              /* @__PURE__ */ jsxRuntime.jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsxRuntime.jsx(Root$5, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -113441,21 +113441,72 @@ function IconToggleButton(_a) {
     return tooltip ? (React.createElement(Tooltip, { trigger: IconButtonToggleContent, label: tooltip, side: tooltipPosition })) : (IconButtonToggleContent);
 }
 
-var sizeInputClasses = {
-    sm: "s-text-base s-rounded-xl s-py-1.5 s-pl-4 s-pr-8",
-    md: "s-text-lg s-rounded-2xl s-py-2 s-pl-4 s-pr-10",
-};
+// packages/react/primitive/src/Primitive.tsx
+var NODES$4 = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive$4 = NODES$4.reduce((primitive, node) => {
+  const Node = React__namespace.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+
+var NAME$3 = "Label";
+var Label$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Primitive$4.label,
+    {
+      ...props,
+      ref: forwardedRef,
+      onMouseDown: (event) => {
+        const target = event.target;
+        if (target.closest("button, input, select, textarea")) return;
+        props.onMouseDown?.(event);
+        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
+      }
+    }
+  );
+});
+Label$2.displayName = NAME$3;
+var Root$4 = Label$2;
+
+var labelVariants = cn("s-text-sm s-font-medium s-text-foreground s-leading-none", "peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70");
+var Label$1 = React__namespace.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React__namespace.createElement(Root$4, __assign({ ref: ref, className: cn(labelVariants, className) }, props)));
+});
+Label$1.displayName = Root$4.displayName;
+
+var inputStyleClasses = cn("s-text-sm s-bg-background s-rounded-xl s-border s-border-border-dark s-flex s-h-9 s-w-full s-px-3 s-py-1.5 ", "file:s-border-0 file:s-bg-transparent file:s-text-sm file:s-font-medium file:s-text-foreground", "placeholder:s-text-muted-foreground", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2 focus-visible:s-ring-ring focus-visible:s-border-primary-400", "disabled:s-cursor-not-allowed disabled:s-opacity-50 disabled:s-text-muted-foreground");
 var Input = React.forwardRef(function (_a, ref) {
-    var placeholder = _a.placeholder, value = _a.value, _b = _a.size, size = _b === void 0 ? "sm" : _b, onChange = _a.onChange, error = _a.error, _c = _a.showErrorLabel, showErrorLabel = _c === void 0 ? false : _c, name = _a.name, _d = _a.isPassword, isPassword = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f, label = _a.label, maxLength = _a.maxLength;
+    var className = _a.className, error = _a.error, label = _a.label, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, props = __rest(_a, ["className", "error", "label", "showErrorLabel"]);
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
-        label && (React.createElement("label", { htmlFor: name, className: "s-pb-1 s-text-sm s-font-medium s-text-element-700 dark:s-text-element-700-dark" }, label)),
-        React.createElement("input", { ref: ref, type: isPassword ? "password" : "text", name: name, id: name, maxLength: maxLength, className: classNames("s-w-full s-border-0 s-outline-none s-ring-1 focus:s-outline-none focus:s-ring-2", "s-bg-structure-50 s-placeholder-element-700", "dark:s-bg-structure-50-dark dark:s-placeholder-element-700-dark", sizeInputClasses[size], "s-transition-all s-duration-300 s-ease-out", className !== null && className !== void 0 ? className : "", !error
-                ? classNames("s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark")
-                : classNames("s-ring-warning-200 focus:s-ring-warning-300", "dark:s-ring-warning-200-dark dark:focus:s-ring-warning-300-dark"), disabled
-                ? "s-text-element-500 hover:s-cursor-not-allowed"
-                : "s-text-element-900 dark:s-text-element-800-dark"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
-                onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
-            }, "data-1p-ignore": !isPassword, disabled: disabled }),
+        label && (React.createElement(Label$1, { htmlFor: props.name, className: "s-pb-1 s-text-element-700 dark:s-text-element-700-dark" }, label)),
+        React.createElement("input", __assign({ ref: ref, className: cn(inputStyleClasses, className, !error
+                ? cn("s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark")
+                : cn("s-ring-warning-200 focus:s-ring-warning-300", "dark:s-ring-warning-200-dark dark:focus:s-ring-warning-300-dark")), "data-1p-ignore": props.type !== "password" }, props)),
         React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, showErrorLabel && error ? error : null)));
 });
 Input.displayName = "Input";
@@ -141187,6 +141238,7 @@ exports.IntercomLogo = IntercomLogo;
 exports.Item = Item$1;
 exports.KeyIcon = SvgKey$3;
 exports.KeyStrokeIcon = SvgKey$1;
+exports.Label = Label$1;
 exports.LightbulbIcon = SvgLightbulb$3;
 exports.LightbulbStrokeIcon = SvgLightbulb$1;
 exports.LinkIcon = SvgLink$3;